.wrap {width: 1200px; height: auto; margin: 0 auto;}
/*垂直对齐*/
.m-list-flex{display: -webkit-box; display: -webkit-flex; display: flex; -webkit-box-align: center; -webkit-align-items: center; align-items: center; }
.m-list-flex .m-cell-bd{ -webkit-box-flex: 1; -webkit-flex: 1; flex: 1; overflow: hidden; }
/*文字截取*/
.single-line{ text-overflow:ellipsis;white-space:nowrap;overflow:hidden; }
.multi-line{min-height: 2em; display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;text-overflow:clip;overflow:hidden;}
.multi-line1{display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;text-overflow:clip;overflow:hidden;}
/*图片*/
.pic {width: 100%; overflow: hidden;}
.pic img {width: 100%;-moz-transition: all 0.3s ease-in;-webkit-transition: all 0.3s ease-in;-o-transition: all 0.3s ease-in;transition: all 0.3s ease-in;}
/*错误提示*/
.has-error input.error {border: 1px solid #d9534f!important;-webkit-box-shadow: inset 0 1px 1px rgba(0,0,0,0.075);box-shadow: inset 0 1px 1px rgba(0,0,0,0.075);}
.has-error label.error{ color: red!important;}
label.has-error{ color: red!important;}

/*top*/
#top {position: fixed; width: 100%; top: 0; height: 100px; line-height: 100px; background: #fff; z-index: 222; box-shadow: 0 0 20px 1px #c7c7ca;}
.logo {float: left; height: 100%; margin-right: 35px; font-size: 0;}
.logo img {vertical-align: middle;}
#nav {float: left;}
#nav ul li {float: left; width: 100px; margin-left: 1px; text-align: center;}
#nav ul li:first-child {width: 70px; margin-left: 0;}
#nav ul li > a {display: block;}
#nav ul li.active > a {color: #f9f9f9; background: #006b3e;}
#nav ul li > a:hover,#nav ul li > a.nav1on {color: #f9f9f9; background: #006b3e;}
.navDown {display: none;}
#nav ul li .navDown { width:200%;}
#nav ul li .navDown a { color:#fff; display: block; height: 45px; padding: 0 15px 0 15px; text-align:left; line-height: 45px; overflow:hidden; font-size: 15px; background: #006b3e; border-bottom: 1px solid #025d36;}
#nav ul li .navDown a:hover {color: #fff; background: #25AA2F; font-weight:bold;}
.navBtn {display: none;}
.topPhone {float: right; height: 36px; margin-top: 30px;}
.topPhone .pic {float: left; width: 34px; height: 34px; margin-top: 2px; margin-right: 8px;}
.topPhone .cont {float: right;}
.topPhone .cont h3 {font-size: 12px; line-height: 16px;}
.topPhone .cont p {font-size: 22px; color: #e83522; line-height: 22px;}

/*footer*/
#bottom {height: 65px; line-height: 65px; color: #fff; background: #666666; position: relative; z-index: 8;}
#bottom a {/*width: 120px;*/ /*text-align: center;*/ margin: 0 22px; color: #fff; }
#bottom a:hover {color: #e83522;}
#bottom em {margin-right: 16px;}
#footer {padding: 50px 0; color: #fff; background: #1a1a1a; position: relative; z-index: 8;}
#footer .left {float: left;}
.footerZx {width: 248px;}
.footerZxH {display: block; width: 136px; height: 38px; margin-bottom: 18px; line-height: 38px; text-align: center; font-size: 16px; border-radius: 19px; color: #fff; background: #e83522;}
.footerZxH:hover {background: #ca2615;}
.footerZxH span {display: inline-block; width: 31px; height: 100%; margin-right: 2px; font-size: 0; vertical-align: top;}
.footerZxH span img {vertical-align: middle;}
.footerZxPhone h3 {font-size: 14px; line-height: 20px;}
.footerZxPhone p {font-size: 24px; color: #e83522; line-height: 26px;}
.footerCopy {line-height: 26px; margin-top: 34px;}
.footerEwm {margin-left: 40px; padding: 0 50px; text-align: center; border-left: 1px solid #7c7c7c; border-right: 1px solid #7c7c7c;}
.footerEwm p {line-height: 38px; margin-top: 6px; color: #a0a0a0;}
.footerEwm .pic {width: 146px;}
#footer ul {float: right;}
#footer ul li {float: left; margin-left: 106px;}
#footer ul li:first-child {margin-left: 0;}
#footer ul li h3 {font-weight: 600; line-height: 24px; margin-bottom: 12px;}
#footer ul li p {line-height: 28px;}
#footer ul li p a {color: #a0a0a0;}
#footer ul li p a:hover {color: #e83522;}

.main {position: relative; z-index: 5; margin-top: 100px;}
/*banner*/
.bx-wrapper .bx-viewport {height: auto !important; background: none; border: none; box-shadow: none; left: 0;}
.bx-wrapper {margin: 0 auto 0; max-width: 100% !important;}
.banner {}
.banner {width: 100%;}
.banner img {display: block; width: 100%;}
.banner img.img2 {display: none;}
.banner li {width: 100%; height: auto; position: relative; overflow: hidden;}
.banner li a {display: block; width: 100%;}
.banner .bx-wrapper .bx-pager {bottom: 3.444%;}
.banner .bx-wrapper .bx-pager.bx-default-pager a {width: 14px; height: 14px; border-radius: 50%; background: #006b3e;}
.banner .bx-wrapper .bx-pager.bx-default-pager a:hover, .banner .bx-wrapper .bx-pager.bx-default-pager a.active {background: #25aa2f;}

.imgadvflash {}
.imgadvflash {width: 100%;}
.imgadvflash img {display: block; width: 100%;}
.imgadvflash img.img2 {display: none;}
.imgadvflash li {width: 100%; height: auto; position: relative; overflow: hidden;}
.imgadvflash li a {display: block; width: 100%;}
.imgadvflash .bx-wrapper .bx-pager {bottom: 3.444%;}
.imgadvflash .bx-wrapper .bx-pager.bx-default-pager a {width: 14px; height: 14px; border-radius: 50%; background: #006b3e;}
.imgadvflash .bx-wrapper .bx-pager.bx-default-pager a:hover, .imgadvflash .bx-wrapper .bx-pager.bx-default-pager a.active {background: #25aa2f;}

.homeAdvance {padding: 100px 0 100px 0; background: #f5f5f5;}
.homeAdvance .wrap {/*overflow: hidden;*/}
.homeAdvanceTit {text-align: center;}
.homeAdvanceTit h2 {line-height: 78px; font-size: 60px; color: #666666;}
.homeAdvanceTit h2 span {font-weight: 600; color: #006b3e;}
.homeAdvanceTit p {font-size: 18px; line-height: 36px; color: #666666;}
.homeAdvanceW {/*width: 1408px;*/   margin-left: auto; margin-right: auto; margin-top: 42px;}
.homeAdvanceW ul {float: left; margin-left: -69px;}
.homeAdvanceW ul li {width: 318px; height: 276px; margin-bottom: 11px; }
.homeAdvanceW .homeAdvanceList1 {margin-top: 231px; margin-left: 0;}
.homeAdvanceW .homeAdvanceList1 li {width: 452px; height: 392px;}
.homeAdvanceW .homeAdvanceList2 {margin-top: 143px;}
.homeAdvanceW .homeAdvanceList2 li {}
.homeAdvanceW .homeAdvanceList3 {}
.homeAdvanceW .homeAdvanceList3 li {}
.homeAdvanceW .homeAdvanceList4 {margin-top: 143px;}
.homeAdvanceW .homeAdvanceList4 li {}
.homeAdvanceCont {padding-top: 24px; box-sizing: border-box; background: url(../images/home_advance_bg.png) no-repeat center; background-size: 100%;}
.homeAdvanceCont h3 {height: 88px; margin-bottom: 8px; line-height: 88px; font-size: 30px; font-weight: 600; text-align: center; color: #006b3e;}
.homeAdvanceCont h3.homeAdvance01 {background: url(../images/home_advance_01.png) no-repeat center; background-size: auto 100%; }
.homeAdvanceCont h3.homeAdvance02 {background: url(../images/home_advance_02.png) no-repeat center; background-size: auto 100%; }
.homeAdvanceCont h3.homeAdvance03 {background: url(../images/home_advance_03.png) no-repeat center; background-size: auto 100%; }
.homeAdvanceCont h3.homeAdvance04 {background: url(../images/home_advance_04.png) no-repeat center; background-size: auto 100%; }
.homeAdvanceCont p {padding: 0 32px 0 46px; line-height: 22px; color: #666666;}
.homeAdvanceCont .bg {}

.homeSp {padding-bottom: 100px; background: #eee;}
.homeSpH {height: 350px; color: #fff; background: url(../images/sp_advance_im1.jpg) no-repeat center; background-size: auto 100%; position: relative;}
.homeSpH .bg {width: 100%; height: 100%; background: rgba(0,0,0,0.7); position: absolute; left: 0; top: 0; z-index: 0;}
.homeSpH .wrap {position: relative; z-index: 2;}
.homeSpH h2 {padding-top: 64px; font-size: 24px; font-weight: 600; line-height: 28px;}
.homeSpH h3 {font-size: 36px; font-weight: 600; line-height: 46px;}
.homeSpH h4 {font-size: 18px; line-height: 32px;}
.homeSpH p {width: 360px; color: #a7a7a7; line-height: 18px;}
.homeSpH .line {width: 56px; height: 1px; margin: 30px 0 46px 0; background: #fff;}
.homeSpT {}
.homeSpT .left {float: left; width: 50%; }
.homeSpT .right {float: right; width: 50%; height: 518px; /*margin-top: -118px;*/ position: relative; z-index: 22;} 
.homeSpTW {position: absolute; width: 100%; height: 636px; left: 0; bottom: 0; background: #fff;}
.sliderHomeSpT {width: 100%; height: 100%;}
.sliderHomeSpT li {width: 100%; height: 100%;}
.homeSpTInner {width: 80%; margin: 0 auto;}
.homeSpTInner:first-child {padding-top: 60px; padding-bottom: 16px; margin-bottom: 48px; border-bottom: 1px solid #d2d2d2;}
.homeSpTInner h2 {height: 36px; margin-bottom: 16px; font-size: 30px; line-height: 36px;}
.homeSpTInner h2 span {display: inline-block; width: 32px; height: 100%; margin-right: 6px; font-size: 0; vertical-align: top;}
.homeSpTInner h2 span img {display: inline-block; vertical-align: middle;}
.homeSpTInner p {height: 148px; line-height: 24px; overflow: hidden;}
.homeSpTW .bx-wrapper .bx-pager {padding-left: 10%; bottom: 58px; text-align: left; box-sizing: border-box;}
.homeSpTW .bx-wrapper .bx-pager.bx-default-pager a {width: 10px; height: 10px; border-radius: 50%; background: #d2d2d2;}
.homeSpTW .bx-wrapper .bx-pager.bx-default-pager a:hover, .homeSpTW .bx-wrapper .bx-pager.bx-default-pager a.active {background: #e83522;}
.homeSpTW .bx-wrapper {height: 100%;}
.homeSpTW .bx-wrapper .bx-controls-direction a {width: 50%; height: 50px; top: auto; margin-top: 0; bottom: -50px; background-color: #006b3e; background-repeat: no-repeat; background-position: center; box-sizing: border-box;}
.homeSpTW .bx-wrapper .bx-controls-direction a:hover {background-color: #e83522; background-position: center;}
.homeSpTW .bx-wrapper .bx-prev {left: 0; background-image: url(../images/jt_zuo.png);  /*border-right: 1px solid #f5f5f5;*/}
.homeSpTW .bx-wrapper .bx-next {right: 0; background-image: url(../images/jt_you.png);}
.homeSpB {padding: 60px 90px 92px 90px; background: #fff; margin-top: 110px; position: relative;}
.homeSpB .bg {position: absolute; left: 32px; top: -50px;}
.homeSpBH {height: 200px; text-align: center; background: url(../images/sp_advance_im4.jpg) no-repeat center; background-size: auto 100%; position: relative;}
.homeSpBHCont {color: #fff; position: absolute; left: 50%; top: 50%; transform: translate(-50%,-50%);}
.homeSpBHCont h2 {font-size: 24px; line-height: 36px;}
.homeSpBHCont p {font-size: 30px; font-weight: 600; line-height: 35px;}
.homeSpBH a {position: absolute; width: 136px; height: 36px; line-height: 36px; border-radius: 18px; color: #fff; background: #e83522; left: 50%; bottom: -16px; transform: translateX(-50%);}
.homeSpBH a:hover {background: #CA2615;}
.homeSpBW {margin-top: 60px; position: relative;}
.sliderHomeSpB {/*border-bottom: 1px solid #dcdcdc;*/}
.sliderHomeSpB li {float: left; width: 20%; text-align: center;}
.sliderHomeSpB li a {display: inline-block; padding-bottom: 45px; text-align: center; font-size: 16px;  position: relative;}
.sliderHomeSpB li a:hover span {width: 100%;}
.sliderHomeSpB li a:hover {color: #006b3e;}
.sliderHomeSpB li .num {width: 52px; height: 52px; margin: 0 auto; line-height: 52px; color: #006b3e; background: url(../images/icon_bg.png) no-repeat center; background-size: 100%;}
.sliderHomeSpB li p {line-height: 34px;}
.sliderHomeSpB li span {width: 0; height: 1px; background: #006b3e; position: absolute; left: 50%; transform: translateX(-50%); bottom: -1px; -moz-transition: all 0.3s ease-in;-webkit-transition: all 0.3s ease-in;-o-transition: all 0.3s ease-in;transition: all 0.3s ease-in;}
.homeSpBW .bx-viewport {/*padding-bottom: 4px;*/}
.homeSpBW .bx-wrapper .bx-pager {bottom: -60px; box-sizing: border-box;}
.homeSpBW .bx-wrapper .bx-pager.bx-default-pager a {width: 10px; height: 10px; border-radius: 50%; background: #d2d2d2;}
.homeSpBW .bx-wrapper .bx-pager.bx-default-pager a:hover, .homeSpBW .bx-wrapper .bx-pager.bx-default-pager a.active {background: #006b3e;}
.homeSpBW .bx-wrapper {height: 100%;}
.homeSpBW .bx-wrapper .bx-controls-direction a {width: 30px; height: 30px; top: auto; margin-top: 0; bottom: -62px; border: 1px solid #fff; /*background-color: #006b3e;*/ background-repeat: no-repeat; background-position: center; box-sizing: border-box;}
.homeSpBW .bx-wrapper .bx-controls-direction a:hover {/*background-color: #e83522;*/ border: 1px solid #eee; background-position: center;}
.homeSpBW .bx-wrapper .bx-prev {left: 450px; background-image: url(../images/jt_zuo1.png);}
.homeSpBW .bx-wrapper .bx-next {right: 450px; background-image: url(../images/jt_you1.png);}
.lineW {position: absolute; width: 100%; height: 1px; background: #dcdcdc; bottom: 0; left: 0; z-index: 22;}
.lineW span {display: block; width: 210px; height: 1px; background: #006b3e; -moz-transition: all 0.5s ease-in;-webkit-transition: all 0.5s ease-in;-o-transition: all 0.5s ease-in;transition: all 0.5s ease-in;}

.homeZpc {/*height: 763px;*/ padding: 118px 0 130px 0;}
.homeZpc .wrap {/*padding-top: 118px;*/}
.homeZpc .left {float: left; width: 450px; height: 500px; position: relative;}
.homeZpc .left .pic {position: relative; width: 100%; height: 100%; left: 0; top: 0; z-index: 24;}
.homeZpc .left .picBg {position: absolute; width: 100%; height: 100%; background: #006b3e; left: 10px; top: 10px; z-index: 22;}
.homeZpc .right {float: right; width: 694px;}
.homeZpc .right h2 {font-size: 36px; font-weight: 600; color: #006b3e;}
.homeZpc .right .line {width: 188px; height: 1px; margin: 20px 0 0 -128px; background: #006b3e; position: relative; z-index: 24;}
.homeZpcCont {margin-top: 26px;}
.homeZpcCont p {line-height: 24px; margin-bottom: 30px;}
.homeZpcList {margin-top: 42px;}
.homeZpcList li {float: left; width: 100px; height: 100px; margin-right: 20px; text-align: center;}
.homeZpcList li a {display: block; width: 100%; height: 100%; color: #fff; background: #333333;}
.homeZpcList li a:hover {background: #006b3e;}
.homeZpcList li a:hover span {color: #006b3e;}
.homeZpcList li p {line-height: 20px; padding-top: 26px;}
.homeZpcList li span {display: inline-block; width: 16px; height: 16px; margin-top: 6px; line-height: 16px; border-radius: 50%; color: #333; background: #fff;}

.homeDzzx {padding-bottom: 86px; background: #eee;}
.homeDzzxH {height: 300px; text-align: center; color: #fff; background: url(../images/zpc_bg.jpg) no-repeat center; background-size: auto 100%; position: relative;}
.homeDzzxH .bg {position: absolute; width: 100%; height: 100%; background: rgba(0,0,0,0.7); z-index: 2;}
.homeDzzxCont {position: relative; z-index: 5;}
.homeDzzxH h2 {font-size: 36px; line-height: 40px; margin: 0 0 34px 0; padding-top: 90px;}
.homeDzzxH h3 {}
.homeDzzxH h3 a {display: inline-block; width: 118px; height: 34px; margin: 0 10px; line-height: 34px; font-size: 16px; color: #fff; border: 1px solid #fff; border-radius: 6px;}
.homeDzzxH h3 a:first-child {background: #006b3e; border-color: #006b3e;}
.homeDzzxH h3 a:hover {background: #015331; border-color: #015331;}
.homeDzzx .wrap {margin-top: 100px;}
.homeDzzxT {}
.homeDzzxT .left {float: left; width: 662px;}
.homeDzzxT .left ul {}
.homeDzzxT .left ul li {float: left; width: 316px; margin-right: 30px;}
.homeDzzxT .left ul li:first-child {width: 100%; }
.homeDzzxT .left ul li:nth-child(2n+1) {margin-right: 0;}
.homeDzzxTH {position: relative; padding-right: 50px;}
.homeDzzxTH h2 {padding-top: 30px; font-size: 36px; font-weight: 600; color: #006B3E;}
.homeDzzxTH p {color: #666666;}
.homeDzzxTH .line {width: 40px; height: 1px; margin: 8px 0 28px 0; background: #006B3E;}
.homeDzzxMore {position: absolute; width: 50px; height: 50px; text-align: center; line-height: 50px; font-size: 30px; color: #fff; background: #006B3E url(../images/jia_more.png) no-repeat center; top: 40px; right: 0; z-index: 22;}
.homeDzzxMore:hover {background-color: #015331;}
.homeDzzxT .right {float: right; width: 508px;}
.homeDzzxT .right ul {margin-top: 60px;}
.homeDzzxT ul li {position: relative; margin-bottom: 30px;}
.homeDzzxT ul li:hover img {-webkit-transform: scale(1.1); -ms-transform: scale(1.1); -o-transform: scale(1.1); -moz-transform: scale(1.1); transform: scale(1.1);}
.homeDzzxT ul li > a {display: block; width: 100%; height: 100%;}
.homeDzzxT ul li .bg {display: none; position: absolute; width: 100%; height: 100%; background: rgba(0,107,62,0.8); left: 0; top: 0; z-index: 22;}
.homeDzzxT ul li .bg .bgW {display: none; text-align: center; color: #fff; position: absolute; left: 50%; top: 50%; transform: translate(-50%,-50%);}
.homeDzzxT ul li .bg .bgW h3 {font-size: 16px;}
.homeDzzxT ul li .bg .bgW a {display: inline-block; width: 34px; height: 34px; margin-top: 14px; line-height: 32px; color: #fff; font-size: 16px; border: 1px solid #fff; border-radius: 50%;}
.homeDzzxT ul li .bg .bgW a:hover {color: #006B3E; background: #fff; /*border-color: #015331;*/}

.homeDzzxB {margin-top: 58px;}
.homeDzzxBH {position: relative;}
.homeDzzxBH .line {width: 100%; height: 1px; background: #b5b5b5; position: absolute; top: 50%; left: 0; z-index: 20;}
.homeDzzxBH .block {float: right; width: 142px; height: 50px; background: #eee; position: relative; z-index: 22;}
.homeDzzxBHCont {float: left; padding-right: 32px; background: #eee; position: relative; z-index: 22;}
.homeDzzxBHCont h3 {line-height: 42px; font-size: 30px; font-weight: 600; color: #006B3E;}
.homeDzzxBHCont p {line-height: 34px; font-size: 18px; color: #666;}
.homeDzzxBW {position: relative;}
.homeDzzxBW ul {width: 100%; padding-top: 52px;}
.homeDzzxBW ul li {float: left; width: 280px; margin-right: 24px; text-align: center;}
.homeDzzxBW ul li:hover img {-webkit-transform: scale(1.1); -ms-transform: scale(1.1); -o-transform: scale(1.1); -moz-transform: scale(1.1); transform: scale(1.1);}
.homeDzzxBW ul li:hover p {color: #006B3E;}
.homeDzzxBW ul li a {display: block;}
.homeDzzxBW ul li p {margin-top: 16px; height: 34px; line-height: 34px; font-size: 16px; color: #666;}
.homeDzzxBW .bx-wrapper .bx-controls-direction a {width: 42px; height: 42px; top: -59px; margin-top: 0; background-color: #c2c2c2; background-repeat: no-repeat; background-position: center; box-sizing: border-box;}
.homeDzzxBW .bx-wrapper .bx-controls-direction a:hover {background-color: #006b3e; background-position: center;}
.homeDzzxBW .bx-wrapper .bx-prev {left: auto; right: 62px; background-image: url(../images/jt_zuo2.png);}
.homeDzzxBW .bx-wrapper .bx-next {right: 0; background-image: url(../images/jt_you2.png);}

.homeNews {padding: 92px 0 60px 0; background: #fff;}
.homeNewsH {height: 52px; line-height: 46px; position: relative;}
.homeNewsH .line {width: 100%; height: 1px; background: #b5b5b5; position: absolute; top: 50%; left: 0; z-index: 20;}
.homeNewsH .left {float: left; position: relative; z-index: 22;}
.homeNewsH .left h3 {font-size: 0; line-height: inherit;}
.homeNewsH .left h3 span {display: inline-block; margin-top: 2px; line-height: 18px; font-size: 16px; font-weight: 600; color: #333; vertical-align: top;}
.homeNewsH .left h3 em {display: inline-block; padding-right: 20px; font-size: 50px; font-weight: 600; color: #006b3e; background: #fff;}
.homeNewsH .right {float: right; text-align: right; padding-left: 22px; line-height: 52px; font-size: 0; background: #fff; position: relative; z-index: 22;}
.homeNewsH .right a {display: inline-block; width: 112px; height: 36px; margin-left: 8px; line-height: 36px; text-align: center; font-size: 16px; color: #fff; background: #006b3e; vertical-align: middle;} 
.homeNewsH .right a:first-child {margin-left: 0;}
.homeNewsH .right a:hover {background: #e83522;}
.homeNewsH .right a.on {background: #e83522;}
.homeNewsW {margin-top: 50px;}
.homeNewsInner {display: none;}
.homeNewsInner:first-child {display: block;}
.homeNewsInner ul {width: 47%;}
.homeNewsInner ul.left {float: left;}
.homeNewsInner ul.right {float: right;}
.homeNewsInner ul li {margin-bottom: 45px; border-bottom: 1px solid #dcdcdc;}
.homeNewsInner ul li:last-child {border-bottom: none;}
.homeNewsInner ul li:hover .homeNewsNum {color: #006B3E;}
.homeNewsInner ul li:hover .homeNewsContH h3 a {color: #006B3E;}
.homeNewsInner ul li:hover .homeNewsContH p {color: #006B3E;}
.homeNewsNum {float: left; width: 11.222%; font-size: 36px; line-height: 44px;}
.homeNewsCont {float: right; width: 88.666%;}
.homeNewsContH {padding-right: 68px; position: relative;}
.homeNewsContH h3 {line-height: 26px; font-size: 18px; font-weight: 600;}
.homeNewsContH p {line-height: 20px; font-size: 12px; color: #666;}
.homeNewsMore {position: absolute; width: 64px; height: 30px; line-height: 30px; text-align: right; top: 0; right: 0; z-index: 22;}
.homeNewsMore:hover {color: #006B3E;}
.homeNewsTxt {padding: 16px 0 46px 0;}
.homeNewsTxt p {line-height: 24px; color: #666;}

/***********关于我们*************/
.bannerBox {margin-top: 100px; height: 400px; background-position: center; background-size: cover; background-repeat: no-repeat; position: relative;}
.bannerBox .bg {position: absolute; width: 100%; height: 213px; background: url(../images/banner_about_bg.png) no-repeat center bottom; background-size: auto 100%; left: 0; bottom: 0; z-index: 1;}
.aboutL {float: left; width: 23.356%; margin-bottom: 60px;}
.aboutH {height: 150px; margin-top: -150px; text-align: center; color: #fff; background: #006b3e; position: relative; z-index: 22;}
.aboutH h3 {padding-top: 38px; line-height: 32px; font-size: 24px;}
.aboutH h2 {line-height: 40px; font-size: 30px; font-weight: 600;}
.aboutNav {background: #fff;}
.aboutNav li {height: 48px; line-height: 48px; font-size: 16px; border-bottom: 1px solid #dadada;}
.aboutNav li a {display: block; padding: 0 22px; position: relative;}
.aboutNav li:hover a {color: #006B3E; background: #f9f9f9;}
.aboutNav li:hover span.jtAbout {background: url(../images/jt_about_a.png) no-repeat center; background-size: 8px;}
.aboutNav li.on {border-bottom: 1px solid #006B3E;}
.aboutNav li.on a {color: #006B3E; background: #f9f9f9;}
.aboutNav li.on span.jtAbout {background: url(../images/jt_about_a.png) no-repeat center; background-size: 8px;}
.jtAbout {position: absolute; width: 30px; height: 30px; background: url(../images/jt_about.png) no-repeat center; background-size: 8px; right: 16px; top: 50%; transform: translateY(-50%);}
.aboutLAd {margin-top: 15px;}
.aboutLAd:hover img {-webkit-transform: scale(1.1); -ms-transform: scale(1.1); -o-transform: scale(1.1); -moz-transform: scale(1.1); transform: scale(1.1);}
.aboutContact {padding: 0 0 10px 0; background: #fff;}
.aboutContactH {padding: 12px 0; border-bottom: 1px solid #dadada;}
.aboutContactH h2 {height: 20px; padding-left: 16px; line-height: 20px; font-size: 16px; border-left: 3px solid #006B3E;}
.aboutContact ul {margin-top: 28px;}
.aboutContact ul li {padding: 0 10px 0 14px; margin-bottom: 12px; line-height: 22px;}
.aboutContact ul li span,.aboutContact ul li em,.aboutContact ul li p {display: inline-block; }
.aboutContact ul li span {width: 22px; height: 22px; margin-right: 1px; font-size: 0; text-align: center; vertical-align: top;}
.aboutContact ul li span img {vertical-align: middle;}
.aboutContact ul li em {width: 46px; vertical-align: top;}
.aboutContact ul li p {width: 174px;}
.aboutEwm {text-align: center;}

.aboutR {float: right; width: 74%;}
.aboutRTop {font-size: 16px; color: #f9f9f9;}
.aboutRTop a {color: #f9f9f9;}
.aboutRTop a:hover {color: #006B3E;}
.aboutRTop p {margin-top: -42px; line-height: 22px; padding-left: 22px; background: url(../images/about_r_position.png) no-repeat left 3px; position: relative; z-index: 22;}
.aboutRH {margin-top: 62px; text-align: center;}
.aboutRH h2 {font-size: 36px; line-height: 46px;}
.aboutRH p {font-size: 16px; line-height: 26px;}
.aboutRW {margin-top: 52px;}
.aboutPic {float:left; box-sizing: border-box; width: 335px; height: auto; margin: 0 48px 24px 0; border: 10px solid #ddd;}
.aboutPic:hover img {-webkit-transform: scale(1.1); -ms-transform: scale(1.1); -o-transform: scale(1.1); -moz-transform: scale(1.1); transform: scale(1.1);}
.aboutRW h3 {margin-top: 10px; margin-bottom: 32px; font-size: 36px; font-weight: 600; color: #006B3E;}
.aboutRW p {font-size: 18px; line-height: 30px; margin-bottom: 42px;}
.aboutRInner {padding: 30px 70px 30px 58px; margin-bottom: 60px; background: #fff;}
.aboutRInnerWrit {float: left; width: 302px;}
.aboutRInnerWrit h2 {font-size: 36px; line-height: 44px;}
.aboutRInnerWrit h3 {margin-bottom: 22px; font-size: 18px; color: #666; line-height: 24px;}
.aboutRInnerWrit p {color: #666; line-height: 24px;}
.aboutRInnerPic {float: right; width: 452px;}
.aboutRInnerPic img {width: 100%;}

/***********生产工艺º*************/
.productWhy {padding: 88px 0 74px 0; background: url(../images/product_cont_bg.jpg) no-repeat center; background-size: cover; }
.productWhyH {text-align: center;}
.productWhyH h2 {line-height: 56px; font-size: 48px; font-weight: 600;}
.productWhyH h2 span {color: #006B3E;}
.productWhyH p {margin-top: -14px; font-size: 33px; color: #666; height: 70px; line-height: 70px;}
.productWhyH p span {display: inline-block; width: 126px; height: 100%; margin-right: 6px; vertical-align: top; background: url(../images/Why.png) no-repeat center; background-size: 100%;} 
.productWhy .pic {margin-top: 50px;}
.productTab {position: relative;}
.productNext {width: 86px; height: 72px; position: absolute; left: 50%; transform: translateX(-50%); top: -42px;/* margin-top: -36px;*/ z-index: 22; cursor: pointer;}
.productNext span {width: 18px; height: 18px; background: url(../images/jt_product.png) no-repeat center; position: absolute; left: 50%; top: 36px; transform: translateX(-50%); animation:animation1 3s infinite; animation-timing-function: linear;}
@keyframes animation1{
  0% {top: 36px;}
  25% {top: 33px;}
  50% {top: 36px; }
  75% {top: 39px;}
  100% {top: 36px;}
}
.productNext1 {background: url(../images/product_next_btn_bg.png) no-repeat center top; background-size: 100%; top: -42px;}
.productNext2 {background: url(../images/product_next_btn_bg1.png) no-repeat center top; background-size: 100%; top: -42px;}
.productNext3 {background: url(../images/product_next_btn_bg2.png) no-repeat center bottom; background-size: 100%; top: -30px;}
.productNext3 span {top: 24px; animation:animation2 3s infinite; animation-timing-function: linear;}
@keyframes animation2{
  0% {top: 24px;}
  25% {top: 21px;}
  50% {top: 24px; }
  75% {top: 27px;}
  100% {top: 24px;}
}
.productNext4 {background: url(../images/product_next_btn_bg3.png) no-repeat center bottom; background-size: 100%; top: -30px;}
.productNext4 span {top: 24px; animation:animation2 3s infinite; animation-timing-function: linear;}
.productNext5 {background: url(../images/product_next_btn_bg4.png) no-repeat center bottom; background-size: 100%; top: -30px;}
.productNext5 span {top: 24px; animation:animation2 3s infinite; animation-timing-function: linear;}


.productYf {padding: 74px 0 90px 0;}
.productYf h2 {font-size: 36px; text-align: center;}
.productYfList {margin-top: 54px;}
.productYfList li {float: left; width: 16.666%; text-align: center;}
.productYfList li a {display: inline-block;}
.productYfList li a:hover {color: #006B3E;}
.productYfList li a:hover span {background: url(../images/product_yf_bg_a.png) no-repeat center; background-size: 100%;}
.productYfList li a:hover span.icon1 em {background-image: url(../images/product_yf_icon1_a.png); background-size: 55px;}
.productYfList li a:hover span.icon2 em {background-image: url(../images/product_yf_icon2_a.png); background-size: 60px;}
.productYfList li a:hover span.icon3 em {background-image: url(../images/product_yf_icon3_a.png); background-size: 57px;}
.productYfList li a:hover span.icon4 em {background-image: url(../images/product_yf_icon4_a.png); background-size: 50px;}
.productYfList li a:hover span.icon5 em {background-image: url(../images/product_yf_icon5_a.png); background-size: 54px;}
.productYfList li a:hover span.icon6 em {background-image: url(../images/product_yf_icon6_a.png); background-size: 53px;}
.productYfList li span {display: inline-block; width: 134px; height: 146px; background: url(../images/product_yf_bg.png) no-repeat center; background-size: 100%; -moz-transition: all 0.3s ease-in;-webkit-transition: all 0.3s ease-in;-o-transition: all 0.3s ease-in;transition: all 0.3s ease-in;}
.productYfList li span em {display: inline-block; width: 100%; height: 100%; vertical-align: top; background-position: center; background-repeat: no-repeat; -moz-transition: all 0.3s ease-in;-webkit-transition: all 0.3s ease-in;-o-transition: all 0.3s ease-in;transition: all 0.3s ease-in;}
.productYfList li span.icon1 em {background-image: url(../images/product_yf_icon1.png); background-size: 55px;}
.productYfList li span.icon2 em {background-image: url(../images/product_yf_icon2.png); background-size: 60px;}
.productYfList li span.icon3 em {background-image: url(../images/product_yf_icon3.png); background-size: 57px;}
.productYfList li span.icon4 em {background-image: url(../images/product_yf_icon4.png); background-size: 50px;}
.productYfList li span.icon5 em {background-image: url(../images/product_yf_icon5.png); background-size: 54px;}
.productYfList li span.icon6 em {background-image: url(../images/product_yf_icon6.png); background-size: 53px;}
.productYfList li p {font-size: 18px; line-height: 30px; margin-top: 12px;}

.productCx {padding: 95px 0 65px 0; background: url(../images/product_cx_bg.jpg) no-repeat center; background-size: cover;}
.productCxH {text-align: center;}
.productCxH h2 {font-size: 36px; margin-bottom: 12px;}
.productCxH p {font-size: 16px; color: #666; line-height: 26px;}
.productCxList {margin-top: 46px;}
.productCxList li {float: left; width: 23.5%; margin-left: 2%; text-align: center;}
.productCxList li:first-child {margin-left: 0;}
.productCxList li:hover img {-webkit-transform: scale(1.1); -ms-transform: scale(1.1); -o-transform: scale(1.1); -moz-transform: scale(1.1); transform: scale(1.1);}
.productCxList li:hover a {color: #006B3E;}
.productCxList li a {display: block;}
.productCxList li p {line-height: 48px; font-size: 16px;}

.productGy {padding: 94px 0 84px 0;}
.productGyList {margin-top: 40px}
.productGyList li {float: left; width: 31.666%; margin-left: 2.5%; text-align: center;}
.productGyList li:first-child {margin-left: 0;}
.productGyList li:hover img {-webkit-transform: scale(1.1); -ms-transform: scale(1.1); -o-transform: scale(1.1); -moz-transform: scale(1.1); transform: scale(1.1);}
.productGyList li:hover a {color: #006B3E;}
.productGyList li a {display: block;}
.productGyList li p {font-size: 16px; line-height: 48px;}

.productSp {padding: 98px 0 98px 0; background: #d3d3d3;}
.productSpW {height: 400px; position: relative; margin-top: 40px;}
.productSpVideo {width: 504px; height: 334px; position: absolute; top: 0; left: 68px;}
.productSpVideo .bg {width: 100%; height: 28%; background: #006B3E; position: absolute; left: -10px; bottom: -10px; z-index: 20;}
.productSpVideo .video-js {z-index: 25;}
.video-js .vjs-big-play-button {width: 80px; height: 80px; top: 50%; left: 50%; transform: translate(-50%,-50%); border: none; background: url(../images/video_btn_1.png) no-repeat center; background-size: 100%; -moz-transition: all 0.3s ease-in;-webkit-transition: all 0.3s ease-in;-o-transition: all 0.3s ease-in;transition: all 0.3s ease-in;}
.vjs-icon-play:before, .video-js .vjs-big-play-button .vjs-icon-placeholder:before, .video-js .vjs-play-control .vjs-icon-placeholder:before {content: "";}
.video-js:hover .vjs-big-play-button, .video-js .vjs-big-play-button:focus {background: url(../images/video_btn.png) no-repeat center; background-size: 100%;}
.productSpPic {position: absolute; width: 670px; right: 68px; bottom: 0;}
.productSpPic .pic {position: relative; z-index: 21;}
.productSpPic .bg {width: 60%; height: 27%; background: #006B3E; position: absolute; top: -10px; right: -10px; z-index: 20;}

.productJg {padding: 96px 0 36px 0;}
.productJgList {}
.productJgList li {margin-bottom: 12px;}
.productJgList li:nth-child(4n) {margin-left: 0;}

.productCh {padding: 64px 0 86px 0; background: url(../images/product_ch_bg.jpg) no-repeat center; background-size: cover;}
.productGyList {margin-top: 44px;}
.productGyList li {}

.productAl {padding: 94px 0 100px 0; }
.productAlList {margin-top: 88px;}
.productAlList li {float: left; width: 23.875%; margin-left: 1.5%;}
.productAlList li:first-child {margin-left: 0;}
.productAlList li:hover img {-webkit-transform: scale(1.1); -ms-transform: scale(1.1); -o-transform: scale(1.1); -moz-transform: scale(1.1); transform: scale(1.1);}
.productAlList li a {display: block; position: relative;}
.productAlList li h3 {position: absolute; width: 102px; height: 102px; line-height: 102px; text-align: center; font-size: 24px; color: #fff; background: #006B3E; border: 4px solid #fff; border-radius: 50%; left: 50%; top: 0; transform: translate(-50%,-50%); z-index: 22;}
.productAlList li .bg {display: none; position: absolute; width: 100%; height: 100%; left: 0; top: 0; color: #fff; background: rgba(0,0,0,0.7); z-index: 20;}
.productAlList li .bg .writ {padding: 0 15px; position: absolute; left: 0; /*bottom: 15px;*/ bottom: -100px;} 
.productAlList li .bg .writ p {max-height: 80px; line-height: 20px; overflow: hidden;}

/*************产品展示***********/
.showList {/*width: 950px;*/ margin-top: 50px;}
.showList li {float: left; width: 32%; margin-right: 2%; margin-bottom: 30px; text-align: center;}
.showList li:nth-child(3n){margin-right: 0;}
.showList li:hover img {-webkit-transform: scale(1.1); -ms-transform: scale(1.1); -o-transform: scale(1.1); -moz-transform: scale(1.1); transform: scale(1.1);}
.showList li:hover p {color: #fff; background: #006B3E; }
.showList li a {display: block;}
.showList li p {background: #d9d9d9; line-height: 40px; font-size: 16px; -moz-transition: all 0.3s ease-in;-webkit-transition: all 0.3s ease-in;-o-transition: all 0.3s ease-in;transition: all 0.3s ease-in;}

.page {width: 100%; height: 26px; margin:20px 0; text-align: right; line-height: 26px; color: #333333;}
.page em {display: inline-block; width: 50px; height: 100%; margin: 0 3px; text-align: center; background: #fff; border: 1px solid #dcdcdc; border-radius: 2px; vertical-align: top; cursor: pointer;}
.page em:hover {background: #f5f4f4;}
.page em.active {color: #fff; background: #006b3e;}
.page i {display: inline-block; width: 62px; height: 100%; margin: 0 3px; text-align: center; font-style: normal; background: #fff; border: 1px solid #dcdcdc; border-radius: 2px; cursor: pointer;}
.page i:hover {background: #f5f4f4;}
.page i.active {color: #fff; background: #006b3e;}
.page a {display: inline-block; width: 26px; height: 100%; margin: 0 3px; text-align: center; color: #202020; background: #fff; border: 1px solid #dcdcdc; border-radius: 2px; zoom: 1; *display:inline; float:none;}
.page a:hover {background: #f5f4f4;}
.page a.active {color: #fff; background: #006b3e;}

/***********产品展示-详情页*************/
.showDetailW {margin-top: 50px; margin-bottom: 60px;}
.showDetailMain {}
.showWap {float: left; width: 400px; position: relative;}
@media (min-width: 769px) {
	.showPc{ display:block;}
	.showMobile{ display:none;}
}
@media (max-width: 768px) {
	.showPc{ display:none;}
	.showMobile{ display:block;}
}
.showWap img.bg {width: 100%; height: 100%;}
.showPic {width: 100%; height: 100%; overflow: hidden; position: absolute; top: 0; left: 0; z-index: 44;}
.showSlider {width: 100%; height: 100%;}
.showSlider li {width: 100%; height: 100%; position: relative;}
.showPic .bx-wrapper {height: 100%;}
.showPic .bx-wrapper .bx-viewport {height: 100% !important;}
.showPic .bx-wrapper .bx-pager {bottom: 4px; text-align: right; box-sizing: border-box; padding-right: 18px;}
.showPic .bx-wrapper .bx-pager.bx-default-pager a {width: 12px; height: 12px; margin: 0 3px; border-radius: 0%; background: #bfbfbf; text-indent: 10000px;}
.showPic .bx-wrapper .bx-pager.bx-default-pager a:hover, .showPic .bx-wrapper .bx-pager.bx-default-pager a.active {background: #e83522;}
.showDetailMainCont {float: right; width: 460px; margin-top: 16px;}
.showDetailMainCont h2 {padding-bottom: 12px; line-height: 36px; font-size: 30px; font-weight: 600; color: #006B3E; border-bottom: 1px solid #bfbfbf;}
.showDetailMainCont h3 {height: 45px; padding-left: 15px; margin-top: 15px; line-height: 45px; font-size: 18px; background: #e1e1e1;}
.showDetailMainCont .desc {margin-top: 16px; line-height: 1.8;}
.showDetailMainCont .listpara{ padding:10px 0px; border-bottom:1px solid #ccc;}
.showDetailMainCont .listpara dt,.showDetailMainCont .listpara dd{ display:inline-block;}
.showDetailMainCont .listpara .promotedesc{ background:#fff2e2; padding:10px; color:red; margin-top:5px; font-size:16px;}
.showDetailMainCont .listpara .promotedesc .promotetitle{ display:inline-block;}
.showDetailMainCont .listpara .promotedesc .promotetime{ display:inline-block;}
.showDetailMainB {margin-top: 15px;}
.showDetailMainB a {float: left; width: 136px; height: 38px; margin-left: 20px; font-size: 16px; line-height: 38px; text-align: center; border: 1px solid #fff; border-radius: 4px;}
.showDetailMainB a:hover {background: #fff;}
.showDetailMainB a:first-child {margin-left: 0;}
.showDetailMainB a span {display: inline-block; width: 22px; height: 100%; margin-right: 6px; vertical-align: top; background-position: center; background-repeat: no-repeat;} 
.showDetailMainB a.showDetailLqyp {color: #006b3e; border-color: #006b3e;}
.showDetailMainB a.showDetailLqyp span { background-image: url(../images/show_t_b1.png); }
.showDetailMainB a.showDetailZxzx {color: #0068b7; border-color: #0068b7;}
.showDetailMainB a.showDetailZxzx span { background-image: url(../images/show_t_b2.png); }
.showDetailMainB a.showDetailZxgm {color: #e83522; border-color: #e83522;}
.showDetailMainB a.showDetailZxgm span {background-image: url(../images/show_t_b3.png); }

.showDetailInner {margin-top: 30px;}
.showDetailInner h2 {height: 46px; margin-bottom: 30px; line-height: 46px; border-bottom: 1px solid #bfbfbf;}
.showDetailInner h2 span {display: inline-block; width: 148px; height: 100%; text-align: center; font-size: 24px; vertical-align: top; background: #eee; border: 1px solid #bfbfbf; border-bottom: 1px solid #eee;}
.showDetailInnerW {background: #fff; padding: 10px;}
.showDetailInnerW img{ max-width: 100%;height: auto;width:auto\9; /* ie8 */-ms-interpolation-mode:bicubic;/*为了照顾ie图片缩放失真*/vertical-align: middle;}
.showDetailInnerW .pic1 {margin-top: 15px;}

.showDetailBH .block {width: 70px;}
.showDetailH {padding-right: 15px;}
.showDetailH h3 {}
.showDetailH h3 span {display: inline-block; height: 24px; line-height: 22px; padding-left: 8px; font-size: 24px; color: #333; font-weight: normal; border-left: 3px solid #006B3E; vertical-align: middle;}

.showDetailBW {}
.showDetailBW {}
.showDetailBW .sliderShowDetail {padding-top: 20px;}
.showDetailBW .sliderShowDetail li {margin-right: 23px;}
.showDetailBW ul li p {margin-top: 8px;}
.showDetailBW .bx-wrapper .bx-controls-direction a {width: 24px; height: 24px; top: -37px; margin-top: 0; background-color: #999999; background-repeat: no-repeat; background-position: center; background-size: 10px; box-sizing: border-box;}
.showDetailBW .bx-wrapper .bx-controls-direction a:hover {background-color: #006b3e; background-position: center;}
.showDetailBW .bx-wrapper .bx-prev {left: auto; right: 32px; background-image: url(../images/jt_zuo2.png);}
.showDetailBW .bx-wrapper .bx-next {right: 0; background-image: url(../images/jt_you2.png);}

/************资讯中心************/
.newsW {margin-top: 50px;}
.newsList {}
.newsList li {padding: 20px 0; border-bottom: 1px solid #d2d2d2;}
.newsList li:hover img {-webkit-transform: scale(1.1); -ms-transform: scale(1.1); -o-transform: scale(1.1); -moz-transform: scale(1.1); transform: scale(1.1);}
.newsList li .pic {float: left; width: 190px;}
.newsInner {float: right; width: 666px; }
.newsInner h2 {font-size: 18px; line-height: 26px; font-weight: 600;}
.newsInner h2 a:hover {color: #006B3E;}
.newsInner h3 {font-size: 12px; color: #999; line-height: 20px;}
.newsInner p {margin-top: 8px; line-height: 26px; color: #666;}
.newsInner a.more {display: block; width: 116px; height: 32px; margin-top: 18px; line-height: 32px; text-align: center; color: #006b3e; border: 1px solid #006b3e;}
.newsInner a.more:hover {color: #fff; background: #006B3E;}
.newsW .page {margin-top: 30px; margin-bottom: 60px;} 

/************资讯中心-详情页************/
.newsDetailW {margin-top: 70px; padding: 0;}
.newsDetailH {text-align: center;}
.newsDetailH h2 {font-size: 30px; font-weight: 600; margin-bottom: 15px;}
.newsDetailH p {color: #666;}
.newsDetailCont { margin-top: 28px;}
.newsDetailCont p {margin-bottom: 30px; font-size: 16px; color: #666; line-height: 38px;}
.newsDetailCont p span {font-weight: 600; color: #333;}

.jump {padding: 12px 0; border-top: 1px solid #d2d2d2;border-bottom: 1px solid #d2d2d2;}
.jump p {line-height: 36px;}
.jump p a {color: #666;}
.jump p a:hover {color: #006B3E;}
.jump p a span {font-size: 18px; font-weight: 600;}

.newsLink {height: 34px; line-height: 34px; margin-top: 20px; margin-bottom: 60px;}

.caseBlock {margin-top: 50px;}

/********************搜索列表******************************/
.searchW {margin-top: 50px;}
.searchList {}
.searchList li {padding: 20px 0; border-bottom: 1px solid #d2d2d2;}
.searchList li:hover img {-webkit-transform: scale(1.1); -ms-transform: scale(1.1); -o-transform: scale(1.1); -moz-transform: scale(1.1); transform: scale(1.1);}
.searchList li .pic {float: left; width: 120px;}
.searchInner {float: right; width: 736px; }
.searchInner h2 {font-size: 18px; line-height: 26px; font-weight: 600;}
.searchInner h2 a:hover {color: #006B3E;}
.searchInner h3 {font-size: 12px; color: #999; line-height: 20px;}
.searchInner p {margin-top: 8px; line-height: 26px; color: #666; height: 52px; overflow: hidden;}
.searchImgList {/*width: 950px;*/ margin-top: 50px;}
.searchImgList li {float: left; width: 32%; margin-right: 2%; margin-bottom: 30px; text-align: center;}
.searchImgList li:nth-child(3n){margin-right: 0;}
.searchImgList li:hover img {-webkit-transform: scale(1.1); -ms-transform: scale(1.1); -o-transform: scale(1.1); -moz-transform: scale(1.1); transform: scale(1.1);}
.searchImgList li:hover p {color: #fff; background: #006B3E; }
.searchImgList li a {display: block;}
.searchImgList li p {background: #d9d9d9; line-height: 40px; font-size: 16px; -moz-transition: all 0.3s ease-in;-webkit-transition: all 0.3s ease-in;-o-transition: all 0.3s ease-in;transition: all 0.3s ease-in;} 

/********************TAG列表******************************/
.tagW {margin-top: 50px;}
.tagList {}
.tagList li {padding: 20px 0; border-bottom: 1px solid #d2d2d2;}
.tagList li:hover img {-webkit-transform: scale(1.1); -ms-transform: scale(1.1); -o-transform: scale(1.1); -moz-transform: scale(1.1); transform: scale(1.1);}
.tagList li .pic {float: left; width: 135px;}
.tagInner {float: right; width: 721px; }
.tagInner h2 {font-size: 18px; line-height: 26px; font-weight: 600;}
.tagInner h2 a:hover {color: #006B3E;}
.tagInner h3 {font-size: 12px; color: #999; line-height: 20px;}
.tagInner p {margin-top: 8px; line-height: 26px; color: #666; height: 52px; overflow: hidden;}

/*** 下载中心
=============================================
    download Area style
=============================================
***/
.download-area {
  margin-top: 50px;
  overflow:visible;
}
.download-area img {
	max-width: 100%;
    height: auto;
}

.download-area .download-post .single-download-item {
 	border-bottom: 1px solid #ccc;
    background: #fff;
    padding: 25px 0px;
    margin-bottom: 25px;
	border-radius: 4px;
}
	
.single-download-item .img-holder {
  overflow: hidden;
  position: relative;
  overflow: hidden;
}
.single-download-item .text-holder {
  position: relative;
  padding:0 25px;
}
.single-download-item .text-holder .text-box {
  padding-top: 23px;
}
.single-download-item .text-holder .text-box .download-title {
  color: #3d3d3d;
  font-size: 20px;
  font-weight: 700;
  line-height: 28px;
  margin: 0 0 6px;
  text-transform: uppercase;
  transition: all 500ms ease 0s;
}
.single-download-item .text-holder .text-box .download-title:hover{
  color: #e83522;
}

.single-download-item .text-holder .text-box .meta-info {
  margin-left: -8px;
  margin-right: -8px;
  overflow: hidden;
  margin-bottom: 16px;
}
.single-download-item .text-holder .text-box .meta-info li{
  display: inline-block;
  margin: 0 8px;
}
.single-download-item .text-holder .text-box .meta-info li a{
  color: #999999;
  font-size: 14px;
  font-weight: 400;
  text-transform: capitalize;
  transition: all 500ms ease;
}
.single-download-item .text-holder .text-box .meta-info li a:hover{
  color: #e83522;    
}
.single-download-item .text-holder .text-box .meta-info li i{
  color: #999999;
  font-size: 14px;
  font-weight: 400;
  display: inline-block;
  padding-right: 8px;
}
.single-download-item .text-holder .text-box .text {
  overflow: hidden;
}
.single-download-item .text-holder .text-box .text p{
  margin: 0;
}
.single-download-item .text-holder .text-box .text .bottom {
  overflow: hidden;
  margin-top: 18px;
}
.single-download-item .text-holder .text-box .text .bottom .readmore a {
  color: #3d3d3d;
  font-size: 14px;
  font-weight: 700;
  text-transform: uppercase;
  transition: all 500ms ease;
}
.single-download-item .text-holder .text-box .text .bottom .readmore a.downloadfile{ color:#e83522;}
.single-download-item .text-holder .text-box .text .bottom .readmore a i {
  display: inline-block;
  padding-left: 7px;
  font-size: 15px;
}
@media only screen and (max-width: 767px) {
	.single-download-item .img-holder{ text-align: center;}
	.single-download-item .text-holder .text-box{ text-align: center;}
}
@media only screen and (max-width: 575px) {
	.single-download-item .img-holder img{ width:100%;}
	.single-download-item .text-holder .text-box .download-title{ font-size:16px;}
	.single-download-item .text-holder .text-box .meta-info li i,.single-download-item .text-holder .text-box .meta-info li a{ font-size:12px;}
	.single-download-item .text-holder .text-box{ padding-top:10px;}
	.single-download-item .text-holder {
		padding:0 15px;
	}
}

/*** 招聘管理
=============================================
    job Area style
=============================================
***/
.job-area {
  margin-top: 50px;
  overflow:visible;
}
.job-area img {
	max-width: 100%;
    height: auto;
}

.job-area .job-post .single-job-item {
 	border-bottom: 1px solid #ccc;
    background: #fff;
    padding: 25px 0px;
    margin-bottom: 25px;
	border-radius: 4px;
}
	
.single-job-item .img-holder {
    overflow: hidden;
    position: relative;
    float:left;
    width:100px;
	margin-right:15px;
}
.single-job-item .text-holder {
  position: relative;
  padding:0 25px;
}
.single-job-item .text-holder .text-box .titleBox { border-bottom: 1px dashed #ddd; padding-bottom: 15px; margin-bottom: 15px; position: relative;}
.single-job-item .text-holder .text-box .titleBox .content-info{float:left; width:calc(100% - 115px);}
.single-job-item .text-holder .text-box .titleBox a.titledata{ display:block; padding-top:15px;}
.single-job-item .text-holder .text-box .job-title {
  color: #3d3d3d;
  font-size: 20px;
  font-weight: 700;
  line-height: 28px;
  margin: 0 0 6px;
  text-transform: uppercase;
  transition: all 500ms ease 0s;
}
.single-job-item .text-holder .text-box .job-title:hover{
  color: #e83522;
}

.single-job-item .text-holder .text-box .meta-info {
  margin-left: -8px;
  margin-right: -8px;
  overflow: hidden;
  margin-bottom: 16px;
}
.single-job-item .text-holder .text-box .meta-info li{
  display: inline-block;
  margin: 0 8px;
}
.single-job-item .text-holder .text-box .meta-info li a{
  color: #999999;
  font-size: 14px;
  font-weight: 400;
  text-transform: capitalize;
  transition: all 500ms ease;
}
.single-job-item .text-holder .text-box .meta-info li a:hover{
  color: #e83522;    
}
.single-job-item .text-holder .text-box .meta-info li i{
  color: #999999;
  font-size: 14px;
  font-weight: 400;
  display: inline-block;
  padding-right: 8px;
}
.single-job-item .text-holder .text-box .titleBox .bottom {
  overflow: hidden;
	position: absolute;
	right:10px;

	top:35px;
}
.single-job-item .text-holder .text-box .titleBox .bottom .readmore a {
  color: #d1434a;
  font-size: 14px;
  font-weight: 700;
  height:38px;
  line-height: 38px;
  text-transform: uppercase;
  transition: all 500ms ease;
}
.single-job-item .text-holder .text-box .titleBox .bottom .readmore a:hover{
  color: #fff;
}
.single-job-item .text-holder .text-box .titleBox .bottom .readmore a i {
  display: inline-block;
  padding-left: 7px;
  font-size: 15px;
}
.single-job-item .text-holder .bottom2{ display:none;}
.single-job-item .text-holder .text-box .text {
  overflow: hidden;
}
.single-job-item .text-holder .text-box .text p{
  margin: 0;
}
@media only screen and (max-width: 575px) {
	.single-job-item .text-holder .text-box .job-title{ font-size:16px;}
	.single-job-item .text-holder .text-box .meta-info li i,.single-job-item .text-holder .text-box .meta-info li a{ font-size:12px;}
	.single-job-item .text-holder .text-box{ padding-top:10px;}
	.single-job-item .text-holder {
		padding:0 15px;
	}
	.single-job-item .text-holder .text-box .titleBox .bottom{ display:none;}
	.single-job-item .text-holder .bottom2{ display:block; margin-top:15px; text-align: center; border-top:1px dashed #ddd; padding-top:15px;}
	.single-job-item .text-holder .bottom2 a{ height:38px; line-height: 38px; font-size: 14px;}
}

/************常见问题************/
.issueW {margin-top: 50px; margin-bottom: 60px;}
.issueList {margin-bottom: 30px;}
.issueList li {padding-left: 20px; margin-bottom: 20px; background: #fff;}
.issueList li:hover {box-shadow: 0 0 20px 0 #c6c6c6;}
.issueList li:first-child .issueInner {display: block;}
.issueList li h2 {height: 48px; padding-right: 45px; line-height: 48px; font-size: 16px; position: relative; cursor: pointer;}
.issueList li h2 em {color: #006B3E;}
.issueList li h2 span {position: absolute; width: 40px; height: 40px; top: 50%; right: 12px; transform: translateY(-50%); background: url(../images/issue_btn_jia.png) no-repeat center; -moz-transition: all 0.3s ease-in;-webkit-transition: all 0.3s ease-in;-o-transition: all 0.3s ease-in;transition: all 0.3s ease-in;}
.issueList li h2 span.on {background: url(../images/issue_btn.png) no-repeat center;}
.issueInner {display: none; padding: 22px 30px 20px 0; line-height: 32px; border-top: 1px solid #d2d2d2;}
.issueInner span {float: left; width: 30px; font-size: 16px; color: #006B3E;}
.issueCont {float: right; width: calc(100% - 32px);}
.issueCont p {margin-top: 18px;}
.issueCont p:first-child {margin-top: 0;}
.issueCont p a:hover {color: #006B3E;}

/*************样品领取***********/
.sample {padding: 160px 0 158px 0; background: url(../images/simple_bg.jpg) no-repeat center; background-size: cover;}
.sampleW {width: 828px; margin: 0 auto;}
.sampleH {text-align: center; margin-bottom: 84px;}
.sampleH h2 {font-size: 36px; font-weight: 600;}
.sampleH .line {width: 90px; height: 4px; margin: 12px auto 0; background: #006B3E;}
.formInner {margin-bottom: 20px;}
.formInner .left {float: left;}
.formInner .right {float: right;}
.formW {width: 48.5%; height: 40px; line-height: 40px; font-size: 0; background: #fff; border: 1px solid #bfbfbf; border-radius: 4px;}
.formW p {display: inline-block; padding-left: 14px; margin-right: 6px; vertical-align: middle; font-size: 16px; color: #999;}
.formW p span {color: #e93c3c;}
.formW input {width: calc(100% - 72px); font-size: 14px; vertical-align: middle;}
.formW input.formTel::-webkit-inner-spin-button,
.formW input.formTel::-webkit-outer-spin-button {-webkit-appearance: none;}
.formW input.formTel{-moz-appearance: textfield;}
.formText .formW {width: 100%; height: 236px; padding: 15px 15px; box-sizing: border-box;}
.formText .formW textarea {width: 100%; height: 100%; font-size: 16px; line-height: 26px;}
.formYzmInner {height: 40px; line-height: 40px; margin-bottom: 10px;}
.formYzmInner .formYzmW {float: left; width: 160px; height: 100%; margin-right: 15px; background: #fff; border: 1px solid #bfbfbf; border-radius: 4px;}
.formYzmInner .formYzmW input {width: 78px;}
.formYzmInner a {float: left; width: 154px; margin-right: 15px; font-size: 0; overflow: hidden;}
.formYzmInner a img {width: 100%; vertical-align: middle;}
.formYzmInner h4 {float: left; font-size: 16px;}
.hint {height: 20px; padding-left: 15px; line-height: 20px;}
.hint p {display: none; font-size: 14px; color: #CA2615;}
.formB {margin-top: 10px;}
.formB button {width: 220px; height: 40px; font-size: 16px; text-align: center; line-height: 40px; color: #fff; border-radius: 4px; cursor: pointer; -moz-transition: all 0.3s ease-in;-webkit-transition: all 0.3s ease-in;-o-transition: all 0.3s ease-in;transition: all 0.3s ease-in;}
.formB button.formSure {margin-right: 20px; background: #006b3e;}
.formB button.formSure:hover {background: #015331;}
.formB button.formReturn {background: #333;}
.formB button.formReturn:hover {background: #000;}

/*************联系我们***********/
.contactList {padding-left: 90px; margin-top: 50px; margin-bottom: 50px;}
.contactList li {float: left; width: 32.333%; margin-right: 1%;}
.contactList li span {width: 46px; height: 46px; float: left; line-height: 46px; font-size: 0; text-align: center;}
.contactList li span img {vertical-align: middle;}
.contactC {float: right; width: calc(100% - 52px);}
.contactC h3 {color: #666; line-height: 20px;}
.contactC p {font-size: 24px; line-height: 26px;}
.contactC p em {font-size: 20px;}

.contactMap {height: 556px;}
#map {width: 100%; height: 100%;}

.muen {display: none; position: absolute; width: 36px; height: 36px; box-sizing: border-box; padding: 10px 6px; background: #006b3e; border-radius: 6px; right: 15px; top: 50%; transform: translateY(-50%); z-index: 99;}
.muen span {display: block; width: 100%; height: 3px; margin-top: 4px; background: #fff; -moz-transition: all 0.3s ease-in;-webkit-transition: all 0.3s ease-in;-o-transition: all 0.3s ease-in;transition: all 0.3s ease-in;}
.muen span:first-child {margin-top: 0;}
.muen.on span.muenX {margin-top: 6px; -ms-transform: rotate(45deg); -webkit-transform: rotate(45deg); transform: rotate(45deg);}
.muen.on span.muenY {display: none;}
.muen.on span.muenZ {margin-top: -3px; -ms-transform: rotate(-45deg); -webkit-transform: rotate(-45deg); transform: rotate(-45deg);}

.wapBottom {display: none; position: fixed; width: 100%; height: 40px; line-height: 40px; background: rgba(0,0,0,0.8); bottom: 0; left: 0; z-index: 222;}
.wapBottom ul {}
.wapBottom ul li {float: left; width: 20%; text-align: center; box-sizing: border-box; border-left: 1px solid rgba(255,255,255,0.2);}
.wapBottom ul li:first-child {border: none;}
.wapBottom ul li a {display: block; width: 100%; height: 100%; color: #fff; font-size: 14px;}

.BtnL {display: none; width: 30px; height: 30px; position: absolute; right: 20px; top: 50%; transform: translateY(-50%); z-index: 22; background: url(../images/btn_l_11.png) no-repeat center; -moz-transition: all 0.3s ease-in;-webkit-transition: all 0.3s ease-in;-o-transition: all 0.3s ease-in;transition: all 0.3s ease-in;}
.BtnL.on {background: url(../images/btn_l_1.png) no-repeat center;}

.wapBg {position: fixed; width: 100%; height: 100%; background: url(../images/bgbgbg.jpg) no-repeat center; bottom: 0; left: 0; z-index: -2;}

.homeAdvanceWW {display: none; margin: 30px 0;}
.homeAdvanceWW img {width: 100%;}

.showPic .bx-wrapper .bx-pager {width: 60px; left: auto; right: 0;}

.banner .bx-wrapper .bx-controls-direction a {display: none; width: 46px; height: 52px; top: 50%; transform: translateY(-50%); background-color: rgba(0,0,0,.3); background-repeat: no-repeat; background-position: center; box-sizing: border-box;}
.banner .bx-wrapper .bx-controls-direction a:hover {background-color: rgba(0,0,0,0.5); background-position: center;}
.banner .bx-wrapper .bx-prev {left: 40px; background-image: url(../images/jt_zuo2.png);  /*border-right: 1px solid #f5f5f5;*/}
.banner .bx-wrapper .bx-next {right:40px; background-image: url(../images/jt_you2.png);}
.banner:hover .bx-wrapper .bx-controls-direction a {display: block;}

.imgadvflash .bx-wrapper .bx-controls-direction a {display: none; width: 46px; height: 52px; top: 50%; transform: translateY(-50%); background-color: rgba(0,0,0,.3); background-repeat: no-repeat; background-position: center; box-sizing: border-box;}
.imgadvflash .bx-wrapper .bx-controls-direction a:hover {background-color: rgba(0,0,0,0.5); background-position: center;}
.imgadvflash .bx-wrapper .bx-prev {left: 40px; background-image: url(../images/jt_zuo2.png);  /*border-right: 1px solid #f5f5f5;*/}
.imgadvflash .bx-wrapper .bx-next {right:40px; background-image: url(../images/jt_you2.png);}
.imgadvflash:hover .bx-wrapper .bx-controls-direction a {display: block;}

.homeAdvanceM {display: none; margin-top: 20px;}
.homeAdvanceM ul {}
.homeAdvanceM ul li {float: left; width: 49%; text-align: center; margin-right: 2%; margin-bottom: 15px; padding: 12px 12px; background-color: #e1e1e1; background-position: center; background-repeat: no-repeat; box-sizing: border-box;}
.homeAdvanceM ul li:nth-child(2n) {margin-right: 0;}
.homeAdvanceM ul li h3 {font-size: 20px; font-weight: 600; color: #006b3e;}
.homeAdvanceM ul li p {line-height: 26px; color: #444;}
.homeAdvanceM ul li .homeAdvanceTxt {height: 104px; margin-top: 8px; padding: 0 10px; }
.homeAdvanceM ul li.bg1 {background-image: url(../images/home_advance_01.png);}
.homeAdvanceM ul li.bg2 {background-image: url(../images/home_advance_02.png);}
.homeAdvanceM ul li.bg3 {background-image: url(../images/home_advance_03.png);}
.homeAdvanceM ul li.bg4 {background-image: url(../images/home_advance_04.png);}

.navNext {width: 100%; height: 40px; line-height: 40px; position: fixed; background: #f2f2f2; top: -40px; left: 0; z-index: 66; box-shadow: 0 0 10px 1px #c7c7ca; /*border-bottom: 1px solid #b9b7b2;*/}
.navNextW {text-align: center;}
.navNextW ul {width: 800px; margin-left: 184px;}
.navNextW ul li {display: inline-block; color: #444; margin: 0 20px; cursor: pointer;}
.navNextW ul li.on {color: #006B3E;}

.productWap {display: none; margin-top: 20px; }
.productWap ul {}
.productWap ul li {float: left; /*width: 23.5%;*/ width: 49%; height: 118px; /*height: 150px;*/ padding: 12px 12px; margin-right: 2%; margin-bottom: 15px; box-sizing: border-box; background: #fbf8f4; box-shadow: 0 0 8px 0 #C6C6C6;   /*background: url(../images/product_wap_bg.png) no-repeat center; background-size: 100% 100%;*/}
.productWap ul li:nth-child(2n) {margin-right: 0;}
/*.productWap ul li:nth-child(4n) {margin-right: 0;}*/
.productWap ul li h3 {text-align: center; font-size: 18px;}
.productWap ul li p {color: #444;}
.productWap ul li .line {width: 30px; height: 2px; margin: 8px auto 10px; background: #006B3E;}

.vjs-poster {background-size: cover;}


@media (max-width: 420px) {
	.homeAdvanceM ul li h3 {font-size: 18px;}
	.homeAdvanceM ul li p {font-size: 13px; line-height: 22px;}
	.homeAdvanceM ul li .homeAdvanceTxt {height: 135px;  padding: 0 8px;}
	
	.productWap ul li {/*height: 168px;*/ height: 122px; padding: 10px 10px;}
	.productWap ul li h3 {font-size: 16px;}
	.productWap ul li .line {width: 24px;margin: 6px auto 8px;}
	.productWap ul li p {font-size: 13px;}
	
}
@media (max-width: 380px) {
	.homeAdvanceM ul li h3 {font-size: 16px;}
	.homeAdvanceM ul li p {font-size: 12px; line-height: 20px;}
	.homeAdvanceM ul li .homeAdvanceTxt {height: 120px; margin-top: 4px; padding: 0;}
	.homeAdvanceM ul li {background-size: auto 38%;}
	
	.productWap ul li {height: 108px; padding: 8px 8px;}
	.productWap ul li h3 {font-size: 15px;}
	.productWap ul li .line {width: 22px;margin: 4px auto 6px;}
	.productWap ul li p {font-size: 12px;}
	
}
@media (max-width: 320px) {
	.homeAdvanceM ul li h3 {font-size: 15px;}
	.homeAdvanceM ul li p {font-size: 10px; line-height: 18px;}
	.homeAdvanceM ul li .homeAdvanceTxt {height: 126px; margin-top: 4px; }
	.homeAdvanceM ul li {background-size: auto 42%;}
	
	
	.productWap ul li {height: 120px; padding: 8px 8px;}
	.productWap ul li h3 {font-size: 14px;}
	.productWap ul li .line {width: 20px;margin: 3px auto 6px;}
	.productWap ul li p {font-size: 10px;}
	
}

@media (max-width: 1200px) {
	/*.wrap {width: 1000px;}*/
	.wrap {width: 100%; padding: 0 20px; box-sizing: border-box;} 
	.logo {margin-right: 20px;}
	.logo img {width: 130px;}
	#nav ul li {width: 84px;}
	#nav ul li:first-child {width: 64px;}
	.topPhone .pic {margin-right: 4px;}
	.topPhone .cont p {font-size: 20px;}
	.homeAdvance {padding: 86px 0 86px 0;}
	.homeAdvanceTit h2 {font-size: 56px;}
	.homeAdvanceW .homeAdvanceList1 li {width: 372px; height: 338px;}
	.homeAdvanceW ul {margin-left: -58px;}
	.homeAdvanceW ul li {width: 266px;height: 231px;margin-bottom: 8px;}
	.homeAdvanceW .homeAdvanceList1 {margin-top: 193px;}
	.homeAdvanceW .homeAdvanceList2 {margin-top: 120px;}
	.homeAdvanceW .homeAdvanceList4 {margin-top: 120px;}
	.homeAdvanceCont h3 {height: 60px; line-height: 60px; font-size: 24px;}
	.homeAdvanceCont { padding-top: 20px;}
	.homeAdvanceCont p {font-size: 13px; line-height: 20px;}
	.homeSpH {height: 330px;}
	.homeSpH h2 {padding-top: 52px;}
	.homeSpH h3 {font-size: 32px;}
	.homeSpT .right {height: 432px;}
	.homeSpTW {height: 560px;}
	.homeSpTW .bx-wrapper .bx-pager {bottom: 16px;}
	.homeSpTW .bx-wrapper .bx-pager {padding-top: 50px;}
	.homeSpTInner h2 {font-size: 28px;}
	.homeSpB {padding: 50px 80px 92px 80px;}
	.homeSpBW .bx-wrapper .bx-prev {left: 350px}
	.homeSpBW .bx-wrapper .bx-next {right: 350px;}
	.lineW span {width: 190px;}
	.homeSp {padding-bottom: 90px;}
	.homeZpc {padding: 90px 0 100px 0;}
	.homeZpc .left {width: 30%; height: auto;}
	.homeZpc .right {width: 66%;}
	.homeZpc .right h2 {font-size: 32px;}
	.homeZpc .right .line {margin: 15px 0 0 -88px;}
	.homeZpcCont {margin-top: 16px;}
	.homeZpcCont p {line-height: 22px; margin-bottom: 22px;}
	.homeZpcList {margin-top: 40px;}
	.homeDzzxH {height: 280px;}
	.homeDzzxH h2 {font-size: 34px; padding-top: 86px;}
	.homeDzzx .wrap {margin-top: 80px;}
	.homeDzzxT .right {width: 43%;}
	.homeDzzxT .left {width: 55%;}
	.homeDzzxT .left ul li {width: 49%; margin-right: 2%;}
	.homeDzzxT ul li {margin-bottom: 20px;}
	.homeDzzxTH h2 {padding-top: 14px; font-size: 34px;}
	.homeDzzxTH .line {margin-bottom: 16px;}
	.homeDzzxMore {top: 16px;}
	.homeDzzxT .right ul {margin-top: 30px;}
	.homeDzzx {padding-bottom: 60px;}
	.homeDzzxBW ul {padding-top: 40px;}
	.homeNews {padding: 80px 0 40px 0;}
	.homeNewsTxt {padding: 10px 0 30px 0;}
	.homeNewsInner ul li {margin-bottom: 30px;}
	
	#footer {padding: 40px 0;}
	.footerEwm {margin-left: 20px; padding: 0 36px;}
	.footerEwm .pic {width: 136px;}
	#footer ul li {margin-left: 80px;}
	
	.aboutH {height: 126px; margin-top: -126px;}
	.aboutH h3 {font-size: 22px; padding-top: 28px;}
	.aboutH h2 {font-size: 28px; line-height: 36px;}
	
	.aboutRTop p {margin-top: -32px;}
	.aboutContact ul li {padding: 0 10px 0 8px;}
	.aboutContact ul li p {width: calc(100% - 82px);}
	.aboutRH {margin-top: 52px;}
	.aboutRH h2 {font-size: 34px;}
	.aboutRW {margin-top: 36px;}
	.aboutPic {margin: 0 25px 16px 0;}
	.aboutRW h3 {font-size: 32px; line-height: 40px;margin-bottom: 22px;}
	.aboutRW p {font-size: 16px; margin-bottom: 20px;}
	.aboutRInner {padding: 20px 30px 20px 30px;}
	.aboutRInnerWrit {width: 290px;}
	.aboutRInnerWrit h2 {font-size: 34px;}
	.aboutRInnerWrit h3 {margin-bottom: 16px;}
	.aboutRInnerPic {width: 382px;}
	.aboutPic {width: 298px;}
	
	.bannerBox {height: 350px;}
	.bannerBox .bg {height: 186px;}
	
	.contactC p {font-size: 22px;}
	.contactC p em {font-size: 18px;}
	.contactList {margin: 40px 0;}
	.contactMap {height: 500px;}
	.newsList li .pic {width: 170px;}
	.newsInner {width: calc(100% - 188px);}
	.newsInner p {margin-top: 4px;line-height: 22px;}
	.newsInner a.more {margin-top: 12px;}
	.newsW {margin-top: 30px;}
	.newsDetailW {margin-top: 52px; padding: 0;}
	.newsDetailH h2 {font-size: 28px; margin-bottom: 10px;}
	.newsDetailCont {margin-top: 20px;}
	.newsDetailCont p {margin-bottom: 20px;line-height: 36px;}
	.caseBlock {margin-top: 30px;}
	.searchList li .pic {width: 100px;}
	.searchInner {width: calc(100% - 118px);}
	.searchInner p {margin-top: 4px;line-height: 22px; height: 44px; overflow: hidden;}
	.searchW {margin-top: 30px;}
	.tagList li .pic {width: 120px;}
	.tagInner {width: calc(100% - 138px);}
	.tagInner p {margin-top: 4px;line-height: 22px; height: 44px; overflow: hidden;}
	.tagW {margin-top: 30px;}
	.download-area {margin-top: 30px;}
	.job-area {margin-top: 30px;}
	.jump p {line-height: 34px;}
	.newsLink {margin-top: 14px;}
	.productWhy {padding: 68px 0 62px 0;}
	.productYf {padding: 60px 0 80px 0;}
	.productWhyH h2 {font-size: 46px;}
	.productWhyH p {font-size: 32px;}
	.productWhy .pic {margin-top: 40px;}
	.productYf h2 {font-size: 34px;}
	.productCxH h2 {font-size: 34px; margin-bottom: 8px;}
	.productYfList {margin-top: 42px;}
	.productCx {padding: 78px 0 56px 0;}
	.productCxList {margin-top: 40px;}
	.productGy {padding: 82px 0 72px 0;}
	.productGyList {margin-top: 36px;}
	.productSp {padding: 82px 0 82px 0;}
	.productJg {padding: 82px 0 32px 0;}
	.productCh {padding: 64px 0 60px 0;}
	.productAl {padding: 82px 0 80px 0;}
	.productAlList li .bg .writ {padding: 0 10px;}
	.sampleW {width: 770px;}
	.sample {padding: 152px 0 138px 0;}
	.sampleH {margin-bottom: 68px;}
	.showList {margin-top: 44px;}
	
	.showWap {width: 350px; height: 350px;}
	.showDetailMainCont {width: calc(100% - 370px);}
	.showDetailMainCont {margin-top: 4px;}
	.showDetailMainCont h2 {font-size: 26px; padding-bottom: 6px; line-height: 32px;}
	.showDetailMainCont h3 {height: 42px; line-height: 42px;}
	.showDetailMainCont .desc {margin-top: 12px;}
	.showDetailMainB {margin-top: 15px;}
	.showDetailInner h2 span {font-size: 22px;}
	.showDetailInner h2 {margin-bottom: 24px;}
	.homeDzzxB {margin-top: 46px;}
	.showDetailBW .sliderShowDetail li {margin-right: 18px;}
	
	#bottom a {margin: 0 20px;}
	#bottom em {margin-right: 5px;}
	
	.homeAdvanceW {width: 1000px;}
	
	.navNextW ul {margin-left: 78px;}
	.navNextW ul li {margin: 0 14px;}
}

@media (max-width: 1024px) {
	/*.wrap {width: 960px;}*/
	#top {height: 90px; line-height: 90px;}
	.logo img {width: 122px;}
	.topPhone {margin-top: 25px;}
	#nav ul li {width: 80px;}
	#nav ul li:first-child {width: 60px;}
	.homeAdvance {padding: 76px 0 76px 0;}
	.homeAdvanceTit h2 {font-size: 52px; line-height: 70px;}
	
	.homeAdvanceW ul li {width: 256px; height: 222px;}
	.homeAdvanceW .homeAdvanceList1 li {width: 365px;}
	.homeAdvanceW .homeAdvanceList2, .homeAdvanceW .homeAdvanceList4 {margin-top: 115px;}
	.homeAdvanceW .homeAdvanceList1 {margin-top: 184px;}
	.homeAdvanceCont {padding-top: 18px;}
	.homeAdvanceCont h3 {height: 58px; line-height: 58px; font-size: 23px;}
	.homeSpT .right {height: 415px;}
	.homeSpTW {height: 524px;}
	.homeSpTInner:first-child {padding-top: 32px; margin-bottom: 34px;}
	.homeSpTInner h2 {font-size: 26px;}
	.homeSpTInner h2 span {margin-right: 0; }
	.homeSpTInner h2 span img {width: 30px;}
	.homeSpH {height: 320px;}
	.homeSpH h3 {font-size: 30px;line-height: 42px;}
	.homeSpH h2 {font-size: 22px;}
	.homeSpH .line {margin-bottom: 40px;}
	.homeSpB {padding: 50px 70px 86px 70px;}
	.homeSpB .bg {width: 400px; top: -46px;}
	.homeSpB .bg img {width: 100%;}
	.sliderHomeSpB li a {padding-bottom: 34px;}
	.homeSp {padding-bottom: 80px;}
	.homeZpc {padding: 80px 0 90px 0;}
	/*.homeZpc .right {width: 560px;}
	.homeZpc .left {width: 372px;}*/
	.homeDzzxH h2 {font-size: 32px;}
	/*.homeDzzxT .right {width: 420px;}*/
	/*.homeDzzxT .left {width: 524px;}*/
	.homeDzzxTH h2 {font-size: 32px;}
	.homeDzzxBW ul li {margin-right: 20px;}
	.homeDzzxB {margin-top: 40px;}
	.homeNews {padding: 70px 0 30px 0;}
	.homeNewsH .left h3 em {font-size: 46px;}
	
	.footerEwm {padding: 0 30px; margin-left: 12px;}
	.footerEwm .pic {width: 130px;}
	#footer ul li {margin-left: 72px;}
	#bottom a {margin: 0 16px;}
	#bottom em {margin-right: 0;}
	#bottom {height: 60px; line-height: 60px;}
	#footer {padding: 30px 0;}
	.footerCopy {margin-top: 24px;}
	.footerZxH {margin-bottom: 12px;}
	
	.bannerBox {height: 300px;}
	.aboutH {height: 116px; margin-top: -116px;}
	.aboutH h2 {font-size: 26px; line-height: 34px;}
	.aboutH h3 {font-size: 20px; line-height: 26px;}
	.aboutContact ul li {padding: 0 8px 0 4px;}
	.aboutContact ul li span {width: 20px; height: 20px; margin-right: 0;}
	.aboutContact ul li p {width: calc(100% - 76px);}
	.aboutEwm img {width: 100px;}
	.aboutRH {margin-top: 46px; padding: 0 10px;}
	.aboutRH h2 {font-size: 32px;  line-height: 42px;}
	.aboutPic {width: 288px;}
	.aboutRW h3 {font-size: 30px; margin-bottom: 16px;}
	.aboutRInner {padding: 20px 20px 20px 20px;}
	.aboutRInnerWrit h2 {font-size: 32px;}
	.aboutRInnerWrit h3 {font-size: 16px;}
	.aboutRInnerPic {width: 374px;}
	.contactList li span {width: 42px; height: 42px;}
	.contactList li span.icon1 img {width: 34px;}
	.contactList li span.icon2 img {width: 40px;}
	.contactList li span.icon3 img {width: 26px;}
	.contactList {padding-left: 60px;}
	.contactMap {height: 450px;}
	
	.issueCont p {margin-top: 12px;}
	.issueInner {padding: 16px 26px 15px 0; line-height: 30px;}
	.newsList li .pic {width: 170px;}
	.newsInner {width: calc(100% - 185px);}
	.newsDetailH h2 {font-size: 26px;}
	.newsLink a {margin-right: 15px;}
	.searchList li .pic {width: 100px;}
	.searchInner {width: calc(100% - 115px);}
	.tagList li .pic {width: 120px;}
	.tagInner {width: calc(100% - 135px);}
	.productWhyH h2 {font-size: 44px;}
	.productWhyH p {font-size: 30px;}
	.productWhyH p span {width: 120px;}
	.productYfList li span {width: 124px; height: 140px;}
	.productYfList li p {font-size: 16px; margin-top: 10px;}
	.productSpVideo {width: 480px; height: 310px;}
	.productSpPic {width: 596px;}
	.video-js .vjs-big-play-button {width: 70px; height: 70px;}
	.productAlList li h3 {width: 92px; height: 92px; line-height: 92px; font-size: 22px;}
	.showWap {width: 338px; height: 338px;}
	.showDetailMainCont {width: calc(100% - 358px);}
	.showPic .bx-wrapper .bx-pager {padding-right: 10px;}
	.showDetailMainB a {width: 130px; margin-left: 10px;}
	
	.main,.bannerBox {margin-top: 90px;}
	
	.homeAdvanceW {width: 960px;}
	
	.navNext {/*top: 90px;*/}
	.navNextW ul {margin-left: 56px;}
	.navNextW ul li {margin: 0 10px;}
}

@media (max-width: 992px) {
	body {overflow-x: hidden;}
	/*.wrap {width: 750px;}*/
	#top {height: 70px; line-height: 70px; width: 100%; position: fixed; top: 0; left: 0;}
	#top .wrap {width: 96%;}
	.topPhone {display: none;}
	.muen {display: block;}
	 
	#nav {width: 200px; height: 100%; padding: 70px 0 40px 0; position: fixed; left: -200px; top: 0; z-index: 66; box-sizing: border-box;}
	#nav ul {width: 100%; height: 100%; background: #fff;}
	#nav ul li {width: 100%; height: auto; margin: 0; line-height: 48px; font-size: 16px; text-align: left; /*border-bottom: 1px solid #DADADA;*/ border-bottom: none; box-sizing: border-box; position: relative;}
	#nav ul li > a {padding: 0 40px 0 15px; border-bottom: 1px solid #DADADA;}
	#nav ul li:first-child {width: 100%;}
	#nav ul li .navBtn {display: block; position: absolute; width: 50px; height: 50px; background: url(../images/jt_about.png) no-repeat center; right: 0; top: 0; z-index: 66; -moz-transition: all 0.3s ease-in;-webkit-transition: all 0.3s ease-in;-o-transition: all 0.3s ease-in;transition: all 0.3s ease-in; cursor: pointer;}
	#nav ul li .navBtn.on {-ms-transform: rotate(-90deg); -webkit-transform: rotate(-90deg); transform: rotate(-90deg);}
	#nav ul li .navDown { width:100%;}
	#nav ul li .navDown a { color:#333; padding: 0 15px 0 22px;  text-align:center; background: #F5F5F5; border-bottom: 1px solid #E1E1E1;}
	
	.logo {position: relative; z-index: 222;}
	.main {margin-top: 70px;}
	
	.wapBottom {display: block;}
	
	.homeAdvance {padding: 60px 0 60px 0;}
	.homeAdvanceTit h2 {font-size: 48px; line-height: 62px;}
	.homeAdvanceW ul li {width: 208px; height: 181px;margin-bottom: 5px;}
	.homeAdvanceW .homeAdvanceList1 li {width: 268px; }
	.homeAdvanceW .homeAdvanceList2, .homeAdvanceW .homeAdvanceList4 {margin-top: 93px;}
	.homeAdvanceW .homeAdvanceList1 {margin-top: 162px;}
	.homeAdvanceW ul {margin-left: -48px;}
	.homeAdvanceCont p {font-size: 12px; line-height: 18px; padding: 0 27px 0 40px;}
	.homeAdvanceCont h3 {height: 46px; line-height: 46px; font-size: 18px;margin-bottom: 4px;}
	.homeAdvanceCont {padding-top: 8px;}
	.homeAdvan{margin-top: 30px;}
	.homeSpH {height: auto; padding: 0 0 40px 0;}
	.homeSpTInner h2 {font-size: 22px;}
	.homeSpTInner {width: 88%;}
	.homeSpH h3 {font-size: 28px; line-height: 38px;}
	.homeSpH .line {margin: 24px 0 30px 0;}
	.homeSpB {padding: 40px 50px 80px 50px;}
	.homeSpBW .bx-wrapper .bx-next {right: 244px;}
	.homeSpBW .bx-wrapper .bx-prev {left: 244px;}
	.lineW span {width: 170px;}
	.homeSpBW {margin-top: 50px;}
	.sliderHomeSpB li a {padding-bottom: 20px;}
	.homeSp {padding-bottom: 60px;}
	.homeZpc {padding: 60px 0 70px 0;}
	/*.homeZpc .left {width: 280px;}
	.homeZpc .right {width: 442px;}*/
	.homeZpc .right h2 {font-size: 28px;}
	.homeZpc .right .line {margin: 10px 0 0 -76px;}
	.homeDzzxH {height: 248px;}
	.homeDzzxH h2 {font-size: 28px; padding-top: 78px; margin-bottom: 24px;}
	/*.homeDzzxT .right {width: 322px;}
	.homeDzzxT .left {width: 416px;}*/
	.homeDzzxTH h2 {font-size: 28px;}
	.homeDzzxMore {width: 40px; height: 40px;}
	.homeDzzxB {margin-top: 30px;}
	.homeDzzxBHCont h3 {font-size: 26px; line-height: 36px;}
	.homeDzzxBHCont p {font-size: 16px; line-height: 30px;}
	.homeDzzxBHCont {padding-right: 15px;}
	.homeDzzxBH .block {width: 124px;}
	.homeNews {padding: 50px 0 20px 0;}
	.homeNewsH .left h3 em {font-size: 40px; padding-right: 15px;}
	.homeNewsNum {font-size: 32px; width: 42px;}
	.homeNewsCont {width: calc(100% - 46px);}
	.homeNewsInner ul li {margin-bottom: 20px;}
	.homeNewsTxt {padding: 8px 0 20px 0;}
	#bottom a {margin: 0 6px;}
	.footerZx {width: 218px;}
	.footerEwm {padding: 0 20px; margin-left: 10px;}
	.footerEwm .pic {width: 120px;}
	#footer {padding-bottom: 50px;}
	#footer ul li {margin-left: 30px;}
	.footerCopy {margin-top: 18px;}
	
	.bannerBox {height: 230px; margin-top: 70px;}
	.bannerBox .bg {height: 96px; background-size: 100% 100%;}
	.aboutLAd {display: block;}
	.aboutContact {display: block;}
	
	.aboutL {width: 100%; height: 100%; margin-bottom:20px; float:none;}
	.aboutH { width:97%; height: 60px; margin: 0; background: #006B3E; padding-left: 3%; text-align: left;}
	.aboutH h3 {font-size: 14px;line-height: 22px; padding-top: 5px;}
	.aboutH h2 {font-size: 20px; line-height: 22px;}
	.BtnL {display: block;}
	.aboutNav {display: block; width: 100%; margin-top:15px;}
	.aboutNav li {height: 44px; line-height: 44px;}
	
	.aboutR {width: 100%; margin-top: 15px; float:none;}
	.aboutRTop p {margin: 0; font-size: 14px; background: url(../images/about_r_position_wap.png) no-repeat left 3px;}
	.aboutRTop {color: #333;}
	.aboutRTop a {color: #333;}
	.aboutRH {margin-top: 22px;}
	.aboutRH h2 {font-size: 28px; line-height: 34px;}
	.aboutRH p {font-size: 14px; line-height: 22px;}
	.aboutPic {width: 242px;}
	.aboutRW h3 {font-size: 26px; line-height: 32px; margin-top: 8px; margin-bottom: 12px;}
	.aboutRW p {font-size: 14px; line-height: 24px; margin-bottom: 16px;}
	.aboutRInner {margin-top: 20px; margin-bottom: 0;}
	.aboutRInnerWrit h2 {font-size: 28px; line-height: 32px;}
	.aboutRInnerWrit h3 {font-size: 14px;}
	.contactList {padding-left: 15px; margin: 30px 0;}
	.contactC h3 {line-height: 18px;}
	.contactC p {font-size: 20px; line-height: 22px;}
	.contactC p em {font-size: 16px;}
	.contactList li span {width: 38px; height: 38px; line-height: 38px;}
	.contactList li span.icon1 img {width: 32px;}
	.contactList li span.icon2 img {width: 38px;}
	.contactList li span.icon3 img {width: 24px;}
	.contactC {width: calc(100% - 44px);}
	.contactMap {height: 400px;}
	.issueW,.newsW ,.newsDetailW,.caseBlock,.searchW,.tagW,.download-area,.job-area{margin-top: 20px;}
	.newsInner {/*width: 528px;*/}
	.newsDetailH h2 {font-size: 22px; margin-bottom: 4px;}
	.newsDetailCont p {line-height: 32px; margin-bottom: 16px; font-size: 15px;}
	.jump p a span {font-size: 16px;}
	
	.productWhyH h2 {font-size: 38px; line-height: 40px;}
	.productWhyH p {font-size: 27px; line-height: 68px;}
	.productWhyH p span {width: 110px; height: 68px; margin-right: 0;}
	.productWhy {padding: 58px 0 58px 0;}
	.productWhy .pic {margin-top: 25px;}
	.productYfList li span {width: 110px; height: 124px;}
	.productYfList li p {line-height: 24px; font-size: 15px;}
	.productYfList,.productCxList,.productGyList,.showList,.showDetailW {margin-top: 30px; margin-bottom:0;}
	.productCx {padding: 66px 0 46px 0;}
	.productCxH h2 {font-size: 28px;}
	.productCxH p,.showList li p {font-size: 15px;}
	.productGy {padding: 70px 0 60px 0;}
	.productAlList {margin-top: 80px;}
	.productAlList li h3 {width: 80px; height: 80px; line-height: 80px; font-size: 18px;}
	.sampleW {width: 696px;}
	.sample {padding: 118px 0 114px 0}
	.sampleH h2 {font-size: 30px;}
	.sampleH {margin-bottom: 52px;}
	.showDetailMainCont {}
	.showDetailMainCont h2 {font-size: 22px; line-height: 26px;}
	.showDetailMainCont h3 {height: 40px; line-height: 40px; margin-top: 12px; font-size: 16px;}
	.showDetailMainCont .desc {font-size: 13px;}
	.showDetailMainB a {width: 120px; font-size: 15px;}
	.showDetailInner h2 span {width: 136px; font-size: 20px;}
	.showDetailBW .sliderShowDetail {padding-top: 10px;}
	
	.main,.bannerBox {margin-top: 70px;}
	
	.homeAdvanceW {width: 960px;}
	#bottom {display: none;}
	
	.navNext {display: none;}
	
	.productSp {padding: 82px 0 160px 0;}
	.productSpPic {bottom: -80px;}
	
	.banner img.img1 {display: none;}
	.banner img.img2 {display: block;}
	.newsLink{ margin-bottom: 0;}
	
}

@media (max-width: 768px) {
	.wrap {padding: 0 15px;}
	.homeAdvance {padding: 40px 0 30px 0;}
	.homeAdvanceTit h2 {font-size: 30px; line-height: 32px; margin-bottom: 6px;}
	.homeAdvanceTit p {font-size: 14px; line-height: 20px;}
	/*.homeAdvanceW ul {width: 28.666%;}
	.homeAdvanceW .homeAdvanceList1 {width: 33%;}
	.homeAdvanceW ul li,.homeAdvanceW .homeAdvanceList1 li {width: 100%;}
	.homeAdvanceW ul {margin-left: -6.888%;}*/
	/*.homeAdvanceW .homeAdvanceList2, .homeAdvanceW .homeAdvanceList4 {margin-top: 17.555%;}*/
	.homeAdvance {overflow-x: hidden;}
	.homeAdvanceTit {padding: 0 10px;}
	.homeAdvanceWap {width: 100%; height: 390px; padding-bottom: 6px; margin-top: 30px; overflow-x: auto; position: relative;}
	.homeAdvanceWap::-webkit-scrollbar-track-piece {  
    background-color: rgba(0, 0, 0, 0);  
    border-left: 1px solid rgba(0, 0, 0, 0);  
	}  
	.homeAdvanceWap::-webkit-scrollbar {  
    width: 2px;  
    height: 2px;  
    -webkit-border-radius: 0;  
    -moz-border-radius: 0;  
    border-radius: 0;  
	}  
	.homeAdvanceWap::-webkit-scrollbar-thumb {  
    background-color: rgba(0, 0, 0, 0.5);  
    background-clip: padding-box;  
    -webkit-border-radius: 5px;  
    -moz-border-radius: 5px;  
    border-radius: 5px;  
    min-height: 2px;  
	}  
	.homeAdvanceWap::-webkit-scrollbar-thumb:hover {  
    background-color: rgba(0, 0, 0, 0.6);  
    -webkit-border-radius: 0;  
    -moz-border-radius: 0;  
    border-radius: 0;  
	} 
	.homeAdvanceW {width: 640px; margin: 0 auto 0; /*position: absolute; top: 0; left: 50%; transform: translateX(-50%);*/}
	.homeAdvanceW ul li {margin-bottom: 1px; width: 176px; height: 153px;}
	.homeAdvanceW ul {margin-left: -42px;}
	.homeAdvanceW .homeAdvanceList2, .homeAdvanceW .homeAdvanceList4 {margin-top: 78px;}
	.homeAdvanceW .homeAdvanceList1 {margin-top: 130px;}
	.homeAdvanceW .homeAdvanceList1 li {width: 238px; height: 206px;}
	.homeAdvanceCont {padding-top: 6px;}
	.homeAdvanceCont h3 {height: 36px; line-height: 36px; font-size: 15px;}
	.homeAdvanceCont p {font-size: 10px; line-height: 16px; padding: 0 13px 0 27px;}
	
	.homeSpH h2 {padding-top: 28px; font-size: 18px; line-height: 22px;}
	.homeSpH h3 {font-size: 22px; line-height: 32px;}
	.homeSpH .line {margin: 10px 0 15px 0;}
	.homeSpH h4 {font-size: 16px; line-height: 28px;}
	.homeSpH p {font-size: 12px; line-height: 16px;}
	.homeSpT .left {width: 100%; margin: 15px 0;}
	.homeSpT .right {width: 100%; height: auto;}
	.homeSpTW {position: relative;}
	.homeSpTInner h2 {font-size: 18px; margin-bottom: 10px;}
	.homeSpTInner h2 span {width: 24px;}
	.homeSpTInner h2 span img {width: 24px;}
	.homeSpTW {height: 500px;}
	.homeSpTInner:first-child {margin-bottom: 22px;}
	.homeSpB .bg {width: 50%;top: -5%;}
	.homeSpB {padding: 20px 12px 58px 12px;}
	.homeSpBH {height: 152px;}
	.homeSpBHCont h2 {font-size: 18px; line-height: 24px;}
	.homeSpBHCont p {font-size: 20px; line-height: 26px;}
	.homeSpBW .bx-wrapper .bx-next {right: 26%;}
	.homeSpBW .bx-wrapper .bx-prev {left: 26%;}
	.lineW span {width: 20%;}
	.homeSpBW .bx-wrapper .bx-pager {bottom: -42px;}
	.homeSpBW .bx-wrapper .bx-controls-direction a {bottom: -45px;}
	.homeSp {padding-bottom: 40px;}
	.homeZpc .left {width: 96%; margin-bottom: 20px;}
	.homeZpc .right {width: 100%;}
	.homeZpc .right .line {width: 110px; margin: 6px 0 0 0px;}
	.homeZpc .right h2 {font-size: 20px;}
	.homeZpc .right h2 {margin-top: 12px;}
	.homeZpcCont p {margin-bottom: 14px;}
	.homeZpcList {margin-top: 20px;}
	.homeZpcList li {width: 80px; height: 80px; margin-right: 10px;}
	.homeZpcList li p {font-size: 12px; padding-top: 18px;}
	.homeZpc {padding: 46px 0 55px 0;}
	.homeDzzxH {height: 200px;}
	.homeDzzxH h2 {font-size: 18px; line-height: 28px; padding-top: 60px;margin-bottom: 14px;}
	.homeDzzxH h3 a {width: 110px; font-size: 14px;}
	
	.homeDzzxT .right,.homeDzzxT .left {width: 100%;}
	.homeDzzx .wrap {margin-top: 30px;}
	.homeDzzxTH h2,.homeDzzxBHCont h3 {font-size: 18px;}
	.homeDzzxTH .line {margin-bottom: 10px;}
	.homeDzzxT .right ul,.homeDzzxB {margin-top: 20px;}
	.homeDzzxT ul li {margin-bottom: 12px;}
	.homeDzzxBHCont h3 {line-height: 28px;}
	.homeDzzxBHCont p {font-size: 14px; line-height: 22px;}
	.homeDzzxBHCont {width: 312px;}
	.homeDzzxBH .line,.homeDzzxBH .block {display: none;}
	.homeDzzxBW .bx-wrapper .bx-controls-direction a {width: 30px; height: 30px; top: -42px;}	
	.homeDzzxBW .bx-wrapper .bx-prev {right: 40px;}
	.homeDzzxBW ul {padding-top: 20px;}
	.homeDzzxBW ul li {margin-right: 10px;}
	.homeDzzxBW ul li p {margin-top: 4px; font-size: 14px;}
	.homeDzzx {padding-bottom: 30px;}
	.homeNewsH {/*height: auto;*/}
	.homeNewsH .left h3 em {font-size: 24px; padding-right: 10px;}
	.homeNewsH .left h3 span { font-size: 14px;margin-top: 6px;}
	.homeNewsH .right {width: 100%;margin-top: -20px;}
	.homeNewsH .right a {width: 74px; height: 32px; line-height: 32px; font-size: 14px; }
	.homeNewsInner ul {width: 100%;}
	#bottom {height: auto; padding: 10px 0 10px 60px; line-height: 26px; font-size: 12px; position: relative; z-index: 22;}
	#bottom em {position: absolute; left: 10px; top: 10px;}
	#bottom a {display: inline-block;}
	.footerZx {width: 100%; text-align: center;}
	#footer {z-index: 22;}
	#footer .footerEwm {display: none; float: right; margin: 0; width: 44%; border: none; box-sizing: border-box; text-align: center;}
	.footerEwm .pic {width: 100%;}
	.footerEwm .pic img {display: inline-block; width: 110px; max-width: 100%;}
	#footer ul {display: none; width: 100%; margin-top: 16px; /*border-top: 1px solid #7c7c7c;*/ }
	#footer ul li {width: 24.25%; margin: 0; margin-left: 1%; font-size: 12px;}
	.footerZxH {display: none; width: 106px; font-size: 14px;}
	.footerZxH span {width: 18px;}
	.footerZxH span img {width: 100%;}
	.footerZxPhone p {font-size: 18px;}
	.footerCopy {margin-top: 8px; line-height: 22px; font-size: 12px;}
	.footerEwm p {font-size: 12px; line-height: 30px;}
	
	.bannerBox {height: 122px;}
	.bannerBox .bg {height: 48px;}
	
	.aboutH h3 {font-size: 13px; line-height: 18px; padding-top: 6px;}
	.aboutH h2 {font-size: 18px; line-height: 20px;}
	.aboutL {height: 100%;}
	.BtnL {right: 12px;}
	.aboutNav li {font-size: 14px;}
	.aboutRH h2,.aboutRInnerWrit h2 {font-size: 18px; line-height: 30px;}
	.aboutRH p {font-size: 13px; line-height: 18px;}
	.aboutRH {margin-top: 16px;}
	.aboutPic {width: 44%; margin: 0 15px 15px 0;}
	.aboutRW h3 {font-size: 16px; line-height: 24px; margin: 4px 0 8px 0;}
	.aboutRW p {font-size: 13px;}
	.aboutRInnerWrit {width: 100%;}
	.aboutRInnerPic {width: 100%; margin-top: 10px;}
	.aboutRInnerWrit h3 {font-size: 13px; line-height: 15px; margin-bottom: 10px;}
	.aboutRInner {padding: 15px 10px 15px 10px;}
	.contactList {padding-left: 0;}
	.contactList li span {width: 30px; height: 30px; line-height: 30px;}
	.contactList li span.icon1 img {width: 24px;}
	.contactList li span.icon2 img {width: 26px;}
	.contactList li span.icon3 img {width: 20px;}
	.contactC {width: calc(100% - 34px);}
	.contactList li {width: 100%; margin: 0; margin-bottom: 15px;}
	.contactC h3 {font-size: 12px; line-height: 15px;}
	.contactC p {font-size: 14px; line-height: 16px;}
	.contactC p em {font-size: 13px;}
	.contactMap {height: 260px;}
	.issueList li {padding-left: 10px; margin-bottom: 12px;}
	.issueInner {line-height: 26px; font-size: 13px;}
	.issueList li h2 {font-size: 14px;}
	.aboutRTop p {font-size: 12px;}
	.newsList li .pic {width: 130px;}
	.newsInner {width: calc(100% - 140px);}
	.newsW {margin-top: 10px;}
	.newsInner h2 {font-size: 15px; line-height: 18px;}
	.newsInner p {font-size: 12px; line-height: 18px;}
	.newsInner a.more {width: 78px; height: 28px; line-height: 28px; font-size: 12px;}
	.newsList li {padding: 15px 0;}
	.newsDetailH h2 {font-size: 18px; margin-bottom: 2px;}
	.newsDetailH p {font-size: 12px;}
	.newsDetailCont p {font-size: 14px; line-height: 24px; margin-bottom: 10px;}
	.newsDetailW {padding: 0;}
	.caseBlock {margin-top: 10px;}
	.searchList li .pic {width: 85px;}
	.searchInner {width: calc(100% - 95px);}
	.searchW {margin-top: 10px;}
	.searchInner h2 {font-size: 15px; line-height: 18px;}
	.searchInner p {font-size: 12px; line-height: 18px; height: 36px; overflow: hidden;}
	.searchList li {padding: 15px 0;}
	.searchImgList li {width: 49%; margin-bottom: 15px;}
	.searchImgList li:nth-child(3n) {margin-right: 2%;}
	.searchImgList li:nth-child(2n) {margin-right: 0; }
	.searchImgList li p {line-height: 30px;}
	.tagList li .pic {width: 105px;}
	.tagInner {width: calc(100% - 115px);}
	.tagW {margin-top: 10px;}
	.tagInner h2 {font-size: 15px; line-height: 18px;}
	.tagInner p {font-size: 12px; line-height: 18px; height: 36px; overflow: hidden;}
	.tagList li {padding: 15px 0;}
	.download-area{margin-top: 10px;}
	.job-area{margin-top: 10px;}
	.jump p {line-height: 28px;}
	.jump p a span {font-size: 14px;}
	.newsLink a {margin-right: 6px;}
	
	.productNext {transform: scale(0.66); margin-left: -40px;}
	.productNext1 {top: -40px;}
	.productNext2 {top: -38px;}
	.productNext3 {top: -33px;}
	.productNext4,.productNext5 {top: -32px;}
	
	.productWhyH h2 {font-size: 22px; line-height: 36px;}
	.productWhyH p {height: auto; font-size: 15px; line-height: 40px;}
	.productWhyH p span {width: 66px; height: 40px;}
	.productYf h2,.productCxH h2 {font-size: 22px;}
	.productYfList li {width: 50%; margin-bottom: 10px;}
	.productYfList li p {margin-top: 4px;}
	.productCxH p, .showList li p {font-size: 12px; line-height: 20px;}
	.productCxList li p {font-size: 12px; line-height: 32px;}
	.productYfList, .productCxList, .productGyList, .showList, .showDetailW {margin-top: 20px;}
	.productCxList li {width: 48%; margin-left: 2%; margin-bottom: 10px;}
	.productCxList li:nth-child(2n+1){margin-left: 0;}
	.productGyList li {width: 32.666%; margin-left: 1%;}
	.productSpVideo {width: 100%; height: 250px; left: 0;}
	.productSpPic {width: 90%; right: auto; left: -10px;}
	/*.productSp {overflow-x: hidden;}*/
	.productSpVideo .bg {display: none;}
	.productSpPic .bg {top: auto; bottom: -10px; height: 48%;}
	.productSpW {height: 346px; margin-top: 20px;}
	.productGyList li {/*width: 49%; */margin-bottom: 10px;}
	/*.productJgList li:nth-child(4n) {margin-left: 2%;}*/
	.productJgList li:nth-child(2n+1) {margin-left: 0;}
	.productGyList li p {font-size: 14px; line-height: 34px;}
	.productAlList li {width: 49%; margin-left: 2%; margin-bottom: 36px;}
	.productAlList li:nth-child(2n+1) {margin-left: 0;}
	.productAlList li h3 {width: 50px; height: 50px; line-height: 50px; font-size: 15px;}
	.productAl {padding: 82px 0 30px 0;}
	.sampleW {width: 88%;}
	.formW {width: 100%; height: 36px; line-height: 36px;}
	.formW:first-child {margin-bottom: 15px;}
	.formInner {margin-bottom: 15px;}
	.formW p {font-size: 14px; padding-left: 10px;}
	.formW input {width: calc(100% - 58px);}
	.formText .formW textarea {font-size: 14px; line-height: 24px;}
	.formText .formW {height: 180px; padding: 10px 10px;}
	.formYzmInner {height: 36px; line-height: 36px;}
	.formYzmInner .formYzmW {width: 136px; margin-right: 10px;}
	.formYzmInner h4 {font-size: 14px;}
	.formYzmInner .formYzmW input {width: calc(100% - 68px);}
	.formYzmInner a {width: 136px;}
	.hint {margin-top: 38px;}
	/*.formB {margin-top: 20px;}*/
	.formB button {width: 36%; font-size: 14px;}	
	.formB button.formSure {margin-right: 4%;}
	.sample {padding: 110px 0 76px 0;}
	.sampleH h2 {font-size: 22px;}
	.sampleH {margin-bottom: 40px;}
	
	.showList li {width: 49%; margin-bottom: 15px;}
	.showList li:nth-child(3n) {margin-right: 2%;}
	.showList li:nth-child(2n) {margin-right: 0; }
	.showList li p {line-height: 30px;}
	
	/*.showPic {width: 100%;}*/
	.showWap {position: relative; width: 100%; height: auto;}
	.showWap .showPic {position: absolute; width: 100%; height: 100%; top: 0; left: 0; z-index: 22; overflow: hidden;}
	.showWap img.bg {position: relative; width: 100%; height: auto; z-index: 0;}
	.showDetailMainCont {width: 100%; margin-top: 20px;}
	.showDetailMainCont h2 {font-size: 18px;}
	.showDetailMainB a {width: 96px; font-size: 14px; margin-left: 6px;}
	.showDetailMainB a span {margin-right: 2px;}
	.showDetailBW .sliderShowDetail li {margin-right: 10px;}
	.showDetailBW .sliderShowDetail {margin-top: 15px;}
	.homeDzzxBW .bx-wrapper .bx-controls-direction a {top: -25px;}
	.showDetailH h3 span {font-size: 20px;}
	.showDetailW {margin-bottom: 0;}
	
	.footerWap {position: relative; z-index: 222;}
	#bottom , #footer{z-index: 222;}
	#footer {padding-top: 5px;}
	
	.homeAdvanceW {display: none;}
	.homeAdvanceWW {display: block;}
	
	.bx-wrapper img {width: 100%;}
	
	.homeAdvanceM {display: block;}
	
	.footerZxPhone {display: none;}
	
	.productJgList li {width: 49%; margin-right: 1%;}
	.productJgList li:nth-child(2n) {margin-right: 0;}
	.productJgList li:nth-child(4n) {margin-left: 1%;}
	.banner .bx-wrapper .bx-controls-direction a {display: block; width: 26px; height: 30px; margin-top: 0; background-size: 12px;}
	.banner .bx-wrapper .bx-prev {left: 15px;}
	.banner .bx-wrapper .bx-next {right: 15px;}
	
	.imgadvflash .bx-wrapper .bx-controls-direction a {display: block; width: 26px; height: 30px; margin-top: 0; background-size: 12px;}
	.imgadvflash .bx-wrapper .bx-prev {left: 15px;}
	.imgadvflash .bx-wrapper .bx-next {right: 15px;}
	
	.productWhy .pic {display: none;}
	.productWap {display: block;}
	.productSp {padding: 82px 0 82px 0;}
	/*.productSpPic {bottom: -80px;}*/
	.productSpW {height: auto;}
	.productSpVideo {position: relative; margin-bottom: 20px;}
	.productSpPic {position: relative; width: 100%; left: 0; bottom: 0;}
	.productSpPic .bg {width: 74%;}
	
}


@media (max-width: 768px) {
	.meau-sev .cndns-right-box .box-border {width: 218px; height: 172px; padding: 12px;}
	.sev-t:after,#zixunUl:after {display: block; clear: both; content: ""; overflow: hidden;}
	.cndns-right-box .box-border .sev-t span {font-size: 38px; margin-right: 8px;}
	.cndns-right-box .box-border .sev-t p {font-size: 18px;}
	.cndns-right-box .box-border .sev-t p i {font-size: 12px;}
	.cndns-right-box .box-border .sev-b h4 {font-size: 12px; padding-bottom: 6px;}
	.cndns-right-box .box-border .sev-b li {width: 48%; margin-right: 2%;}
	.cndns-right-box .box-border .sev-b li a {font-size: 12px;}
	.cndns-right-box .box-border {padding: 12px;}
	.cndns-right-box .box-border .sev-t span {font-size: 36px; line-height: 42px;}
	.cndns-right-box .box-border .sev-t p {line-height: 20px; width: 100%;}
	.cndns-right-box .box-border .sev-t p {max-width: 100%;}
	.meau-code .cndns-right-box .box-border i {margin-top: 12px;}
	
}

/*comments*/
.comment-area{ background:#fff; margin-bottom:15px; padding:10px; border-radius:4px;}
.comment-area p{ margin-bottom:0;}
.comment-area input{ border:1px solid #ddd; padding:5px; background:#fff; border-radius:4px;}
.comment {
    margin-bottom: 15px;
	border-bottom:1px dashed #ddd;
	padding-bottom:15px;
	margin-top:15px;
}

.comment .avatar {
    height: 40px;
    width: 40px;
}

.comment-body {
    overflow: hidden;
}
.comment-body .huifu a{ color:#999;}

.comment-content {
    padding-bottom: 2px;
    word-break: break-all;
    word-wrap: break-word;
	margin-top:10px;
}

.comment-content .huifudata{ margin-bottom:10px;}
.comment-content .huifudata .reply-content{ color:#ccc;}

.comment > .pull-left {
    margin-right: 10px;
}

.comment .time {
    color: #ccc;
    font-size: 12px;
    line-height: 14px;
}

.comment-postbox-wraper {

}

.comment-postbox {
    width: 100%;
}

.comment-reply-box {
    position: relative;
	margin-bottom:10px;
}

.comment-reply-box .textbox {
    width: 100%
}

.comment-reply-submit{ margin-top:10px;}


/* 话题管理 */
.discusscate .btn{ border:1px solid #ccc;}
.discusslist{ margin-top:20px;}
.discusslist .nav-pills .nav-link.active{ background:#28a745;}
.discusslist img.avatar {
    width: 52px;
    height: 52px;
	margin-top:12px;
}
.discusslist .card-body{ padding:0 0 20px 0;}
.list-boxes > .pull-left {
    margin-right: 10px;
}
.list-boxes {
    padding: 20px 15px 10px 15px;
    border: none;
    border-bottom: dashed 1px #eee;
	overflow:hidden;
}
.list-boxes:hover {
    background-color: rgba(248, 248, 248, 0.85);
    border: none;
    border-bottom: dashed 1px #ccc;
}
.list-boxes h2 {
    margin-top: 0;
    font-size: 20px;
    line-height: 20px;
	margin-bottom:10px;
}
.list-boxes h2 a {
    color: #666;
}
.list-boxes:hover h2 a {
    color: #f90;
}
.list-boxes .list-actions{ margin-top:5px; color:#999;}
.list-boxes .list-actions a{ color:#999;}
.list-boxes .dateinfo{ color:#999;}
.list-boxes .list-actions .all{padding:2px 8px;background-color:#46b8da;font-size:10px;font-weight:100; color:#fff; border-radius:4px;}
.list-boxes .list-actions .cate{padding:2px 8px;background-color:green;font-weight:100; color:#fff; border-radius:4px;}
#topic_search {
    position: relative;
    font-size: 18px;
    margin: 20px auto 0
}
#topic_search label {
    position: absolute;
    left: 17px;
    top: 9px;
}
#topic_search #topickeyword,#topic_search .hint {
    /* margin-top:6px; */
    padding-right: 38px;
    padding-left: 45px;
    border-radius: 5px;
    height: 45px;
    line-height: 45px;
	font-size:16px;
}
#topic_search .hint {
    color: #aaa
}
#topic_search #topic_search-clear {
    text-decoration: none;
    position: absolute;
    right: 18px;
    top: 54px;
    color: #b3b3b3
}

/*案例动态*/
.titiBox{
	text-align: center;
	padding: 50px 0;
	line-height: 36px;
	overflow: hidden;
}
.titiBox h3{
	font-size: 30px;
	color: #002;
	margin-bottom: 10px;
}
.titiBox h5{
	font-size: 20px;
	color: #cacace;
	text-transform: uppercase;
	font-family: Arial;
}
.titiBox h5 span{
	color: #e4392a;
}
.titiBox em{
	width: 45px;
	border-bottom: 1px solid #7f7f90;
	display: inline-block;
}
.ullistBlock{
	margin: 0 -15px;
}
.ullistBlock li{
	float: left;
	width: 25%;
	margin-bottom: 30px;
}
.ullistBlock li .pic img{
	width: 100%;
	display: block;
	transform: perspective(800px) rotateY(0deg);
	transition: all 1s ease 0s;
	-moz-transform: perspective(800px) rotateY(0deg);
	-moz-transition: all 1s ease 0s;
	-webkit-transform: perspective(800px) rotateY(0deg);
	-webkit-transition: all 1s ease 0s;
	-o-transform: perspective(800px) rotateY(0deg);
	-o-transition: all 1s ease 0s;
	-ms-transform: perspective(800px) rotateY(0deg);
	-ms-transition: all 1s ease 0s;
	zoom:1;
}
.ullistBlock li:hover img{
	transform: perspective(800px) rotateY(-179.9deg);
	-moz-transform: perspective(800px) rotateY(-179.9deg);
	-webkit-transform: perspective(800px) rotateY(-179.9deg);
	-o-transform: perspective(800px) rotateY(-179.9deg);
	-ms-transform: perspective(800px) rotateY(-179.9deg);
}
.ullistBlock li .pad{
	padding: 0 15px;
}
.ullistBlock li .bor{
	border: 1px solid #e2e3e8;
}
.ullistBlock li:hover .bor{
	border-color: #e4392a;
}
.ullistBlock li .txt{
	padding: 20px 14px;
	line-height: 1.8;
	color: #666;
}
.ullistBlock li .more{
	height: 42px;
	line-height: 42px;
	border-top: 1px dotted #e2e3e8;
	background-color: #f0f2f5;
	padding: 0 14px;
	display: none;
}
.ullistBlock li .more a{
	color: #e4392a;
}
.ullistBlock li .more a:hover{
	text-decoration: underline;
}
.ullistBlock li .title{
	height: 68px;
	margin-bottom: 20px;
}
.ullistBlock li .title span{
	float: left;
	border: 1px solid #e2e3e8;
	background-color: #f0f2f5;
	display: inline-block;
	text-align: center;
	padding: 6px 5px;
	margin-right: 15px;
}
.ullistBlock li .title span em{
	display: block;
	font-size: 16px;
}
.ullistBlock li .title h3{
	border-bottom: 1px solid #e2e3e8;
	overflow: hidden;
	height: 68px;
	font-weight:400;
	line-height: 30px;
}
.ullistBlock li .title h3 a{ font-size:16px; color:#333;}
.ullistBlock li .title h3 a:hover{ color:#e4392a;}
.ullistBlock li .postdesc{ height:102px; line-height: 25px; display: block; overflow: hidden;}
.ullistBlock li .postdesc p{ font-size:14px; color:#333;}
.ullistBlock li .postdesc:hover p{ color:#e4392a;}

@media (max-width:991px){
	.ullistBlock li{ margin-bottom:20px;}
	.ullistBlock li .title{ height:65px; margin-bottom: 15px;}
	.ullistBlock li .title span{ font-size:12px; margin-right:10px;}
	.ullistBlock li .title span em{ font-size:14px;}
	.ullistBlock li .title h3{ line-height: 26px; height: 58px;}
	.ullistBlock li .title h3 a{ font-size:14px;}
	.ullistBlock li .postdesc{ height:75px;}
	.ullistBlock li .postdesc p{ font-size:12px;}
	.ullistBlock li .txt{ padding: 15px 10px;}
}
@media (max-width:575px){
	.ullistBlock{ margin:0 -5px;}
	.ullistBlock li{ margin-bottom:15px;}
	.ullistBlock li .pad{ padding:0 5px;}
	.ullistBlock li .title{ height:58px; margin-bottom: 10px;}
	.ullistBlock li .title h3{ line-height: 18px; height: 58px;}
	.ullistBlock li .title span{ margin-right:5px;}
	.ullistBlock li .title h3 a{ font-size:12px;}
	.ullistBlock li .postdesc{ line-height:20px; height:82px;}
}
@media screen and (max-width: 960px){
	.ullistBlock li{
		width: 33.3333%;
	}
}

@media screen and (max-width: 768px){
	.ullistBlock li,.ul-case li{
		width: 50%;
	}
}

/* 文章样式NEW */
.blog-article{margin-bottom: 30px;border:none;padding:0;}
.blog-article .entry-content{margin-bottom:0;padding-bottom:0;}
.blog-article figure{margin-bottom: 20px;}
.blog-article img{ display: block; max-width: 100%; height: auto;}
.blog-article .format-icon{left: 0;}
.blog-article p{margin-bottom: 20px; line-height: 24px;}
.blog-article blockquote p{line-height: 32px;}
.blog-article .read-more-link{text-transform: uppercase; line-height: 23px; color: #7d8489;}
.blog-article .read-more-link:after{content: "\f101"; font-family: FontAwesome; color: #f16543;padding-left:8px;}
.blog-article .read-more-link:hover{color: #373c40;}
.blog-article .read-more-link:hover:after{color: #373c40;}
.blog-article .post-meta{color: #a5aaae; font-size: 12px; float: left; width: 21.97402597402597%; border-right: 2px solid #d7dee0; margin: 0 30px 0px 0;padding-bottom:24px;position:relative;z-index:999;}
.blog-article .post-meta a{color: #a5aaae;}
.blog-article .post-meta a:hover{color: #f16543;}
.blog-article .post-meta ul{list-style: none; margin: 0; padding: 0 15px;}
.blog-article .post-meta ul li{margin: 0 0 4px; padding: 4px 0; text-transform: uppercase;background:none;font-style:normal;line-height:1.4;}
.blog-article .post-meta ul li:before{font-family: 'FontAwesome'; padding-right: 17px; font-size: 14px; color: #8C9194;}
.blog-article .post-meta ul li.date:before{content: "\f073";}
.blog-article .post-meta ul li.comments:before{content: "\f086";}
.blog-article .post-meta ul li.tags:before{content: "\f02b";}
.blog-article .post-meta ul li.author:before{content: "\f007";}
.blog-article .post-summary{padding-right: 10px;}
.blog-article .post-summary p{margin-bottom: 10px; line-height: 23px;color:#666;}
.blog-article .post-content-wrapper{padding: 15px 0 30px;}
.blog-article .post-meta ul li time{background:none;margin-left:-3px;}

.blog-article{float:left;width:100%;}
.blog-article figure{float:left;width:230px;margin:0;margin-right:25px;margin-bottom:10px;}
.blog-article .post-meta{width:125px;margin:0 30px 0px 0;min-height:124px;}
.blog-article .post-meta ul{padding:0;}
.blog-article h2.post-title{font-size:18px;letter-spacing:normal;margin-top:0;margin-bottom:12px;line-height:1.4;font-weight:bold;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;}
.blog-article h2.post-title a{display:inline;font-size:inherit;}

/* 文章响应 */

@media (max-width : 800px) { /* ipad纵向768，向下考虑iphone6的667px和736px */
	.blog-article h2.post-title{font-size:18px;}
	.blog-article .read-more-link{display:none;}
}
@media (max-width : 740px) { /* 双行，568px,600px,640px */
	
	.blog-article figure{width:38%;padding-right:20px;margin:0;}
	.blog-article .post-summary{width:62%;float:left;padding-right:0;}
	.blog-article h2.post-title{margin-bottom:5px;font-size:17px;}
	.blog-article .post-meta{width:100%;margin:0 0px 0px 0;border-right:none;padding-bottom:0;min-height:10px;}
	.blog-article .post-meta ul li{display:inline-block;margin-right:10px;margin-bottom:0;}
	.blog-article .entry-content{clear:both; padding-top:10px;}
	.blog-article .post-summary p{margin-bottom:0;font-size:13px;line-height:22px;}
}
@media (max-width : 480px) {

	.blog-article figure{margin-right:0;width:100%;margin-bottom:18px;padding-right:0px;}
	.blog-article figure img{width:100%;border-radius:10px;}
	.blog-article .post-summary{width:100%;}
	.blog-article .entry-header{clear:both;}
	.blog-article h2.post-title{font-size:15px;margin-bottom:14px;}
	.blog-article .post-meta{margin:0 0px 15px 0;width:100%;border-right:none;}
	.blog-article .post-meta ul li:before{padding-right:10px;}
	.blog-article .post-meta ul li{float:left;padding:0;margin:0 12px 4px 0px;}
	.blog-article .entry-content{clear:both; padding-top:0;}
	.blog-article .post-summary p{margin-bottom:0;padding-bottom:0;}
	
	/* 20180115调整 */
	.blog-article figure{width:60px;float:left;margin-bottom:0;}
	.blog-article .post-summary{width:auto;float:none;padding-left:80px;}
	.blog-article .entry-header{clear:none;}
	.blog-article figure img{border-radius:5px;}
	.blog-article h2.post-title{margin-top:0px;white-space:normal;margin-bottom:5px;}
	
	
}
@media (max-width : 420px) {
	.blog-article .post-meta ul li.author{display:none;}
	
}

/*图片放大效果*/
#showbox { background:#eee;}
#showbox span { background:url(../images/whitebg.png) repeat;}
#showsum { left:25px; margin-top:10px;}
#showsum span { border:1px solid #ddd;}
#showsum span.sel { border:1px solid #f60;}

.showpage { width:400px; position:relative;}
@media (max-width: 1200px) {
	.showpage { width:350px;}
}
@media (max-width: 1024px) {
	.showpage { width:338px;}
}
.showpage a { display:block; width:15px; border:1px solid #ddd; height:60px; line-height:60px; background:#eee; text-align:center; font-size:18px; position:absolute; left:0; top:-62px; text-decoration:none; color:#999;}
.showpage a#shownext { left:auto; right:0;}
.showpage a:hover { background:#ccc; color:#777;}
/***********END************/

/*在线客服*/
#floatDivBoxs{width:170px;background:#fff;position:fixed;top:20%;right:-175px;z-index:999;}
#floatDivBoxs .floatDtt{width:100%;height:45px;line-height:45px; background:#f08326;color:#fff;font-size:18px;text-indent:22px;position:relative;}
#floatDivBoxs .floatDqq{padding:0 14px;}
#floatDivBoxs .floatDqq li{height:45px;line-height:45px;font-size:15px;border-bottom:1px solid #e3e3e3; text-align:right}
#floatDivBoxs .floatDqq li img{ float:left; margin-top:7px;}
#floatDivBoxs .floatDtxt{font-size:18px;color:#333;padding:12px 14px;}
#floatDivBoxs .floatDtel{padding:0 0 15px 10px;}
#floatDivBoxs .floatImg{text-align:center;padding:10px;background:#EBEBEB;}
#floatDivBoxs .floatImg img{ margin-bottom:5px;}
#floatDivBoxs .floatDtel img{display:block;}
#floatDivBoxs .floatDbg{width:100%;height:20px;background:url(../images/online/online_botbg.jpg) no-repeat;box-shadow:-2px 0 3px rgba(0,0,0,0.25);}
.floatShadow{ background:#fff;box-shadow:-2px 0 3px rgba(0,0,0,0.25);}
#rightArrow{width: 45px;background:#006b3e;position:fixed;top:20%;right:0;z-index:999;}
#rightArrow a{display:block;color:#fff;font-size: 18px;text-align:center;font-weight:bold;padding: 15px 0;}
/***********END************/